.register-box,.login-box{
    width: 100%;
    background: #fff;
    padding:20px 20px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.register-box .form-group,.login-box .form-group {
    margin-bottom: 18px;
    
}
.register-box .form-control,.login-box .form-control{
    width:265px;
    border:solid 1px hsl(var(--my_color_d), 0%, 90%);
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    vertical-align: middle;
}
.register-box .lb,.login-box .lb{
    display: inline-block;
    width:35px;
    height:29px;
    background: hsl(var(--my_color_d), 6%, 80%);
    line-height: 32px;
    text-align: center;
    font-size:13px;
    color:#fff;
    vertical-align: middle;
}

.password_strength {
  font-size: 12px;
  text-align: center;
}
.password_strength:before,
.password_strength:after {
  content: "";
  display: table;
}
.password_strength:after {
  clear: both;
}
.password_strength:before,
.password_strength:after {
  content: "";
  display: table;
}
.password_strength:after {
  clear: both;
}
.password_strength > span {
  display: inline-block;
  float: left;
  margin-right: 1%;
  width: 28%;
  background: hsl(var(--my_color_d), 0%, 93%);
}
.password_strength > span.selected {
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: #fff;
}

.code-img{padding:1px 13px 0px;display: inline-block;margin-left:10px;box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f40)), 0px 10px 5px #999 ;}
.code-img:active {box-shadow:1px 1px 1px hsl(var(--my_color_d), 0%, 87%);}
.code-img img{width:120px;}

.register-box .page-header,.login-box .page-header{
    margin-bottom: 10px;
}
.register-box .page-header span,.login-box .page-header span{
    width:49%;
    display: inline-block;
    font-size:16px;
    height: 30px;
    text-align: center;
    border-bottom: solid 1px hsl(var(--my_color_d), 0%, 90%);
}
.register-box .page-header span.active,.login-box .page-header span.active{
    border-bottom-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}

.register-box .btn,.login-box .btn{width:322px;height:35px;background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
			  background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			  background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));color:#fff;font-size:15px;cursor: pointer;}
.register-box .btn:active,
.login-box .btn:active {top:3px;
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60))), color-stop(1, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40)))	);
	-webkit-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f30)), 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f30)), 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f30)), 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50)), 0px 2px 0px 0px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f30)), 0px 5px 3px #999;}
.login-and-register-footer{
    border-top: solid 1px hsl(var(--my_color_d), 0%, 90%);
    padding-top:20px;
    margin-top:35px;
    text-align: center;
}

.welcome-img{
    margin-top: 40px;
}

#user{
    background: #fff;
}

#user .nav-action {
  display: inline;
  float: left;
  width: 160px;
  margin: 0 15px 0 5px;
  background: #fff;
  padding-top: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size:13px;
}
#user .nav-action .nav-toggle {
  display: none;
  text-align: center;
  color: hsl(var(--my_color_d), 0%, 93%);
  padding: 5px 0;
  font-size: 15px;
}
#user .content-panel .tab a.selected_lan{
background: hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60))!important;
    color:#fff;
    border:solid 1px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50));
	letter-spacing:1px!important;
	text-shadow:1px 1px 1px rgba(0,0,0,.3);
	box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 0px 10px 5px #aaa;
}

#user .content-panel .horizontal-row {
  display: block;
  width: 730px;
  margin: 0 -5px;
}
#user .content-panel .horizontal-row:before,
#user .content-panel .horizontal-row:after {
  content: "";
  display: table;
}
#user .content-panel .horizontal-row:after {
  clear: both;
}

#user .content-panel .horizontal-row:before,
#user .content-panel .horizontal-row:after {
  content: "";
  display: table;
}
#user .content-panel .horizontal-row:after {
  clear: both;
}

#user .content-panel .pagination {
  margin-top: 0;
}
#user .p-row {
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#user .p-row:before,
#user .p-row:after {
  content: "";
  display: table;
}
#user .p-row:after {
  clear: both;
}

#user .p-row:before,
#user .p-row:after {
  content: "";
  display: table;
}
#user .p-row:after {
  clear: both;
}

#user .user-short {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: 10px;
  background: #fff;
}
#user .user-short:before,
#user .user-short:after {
  content: "";
  display: table;
}
#user .user-short:after {
  clear: both;
}

#user .user-short:before,
#user .user-short:after {
  content: "";
  display: table;
}
#user .user-short:after {
  clear: both;
}

#user .user-short .user-avatar {
  width: 160px;
  height: 160px;
  float: left;
  margin-right: 60px;
}
#user .user-short .user-avatar img {
  width: 170px;
  height: 170px;
}
#user .user-short .username {
  line-height: 30px;
  font-size: 16px;
  clear: both;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  width:200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#user .user-short .user-info {
  padding-top: 5px;
}
#user .user-short .p-row {
  display: inline;
  float: left;
  width: 50%;
}
#user .user-short .money {
  font-size: 18px;
}
#user .user-type {
  display: inline;
  float: left;
  width: 350px;
  margin: 0 5px;
  margin-bottom: 10px;
  background: #fff;
}
#user .user-type .type-heading {
  height: 35px;
}
#user .user-type .type-heading .type-title {
  line-height: 35px;
  font-size: 14px;
  text-indent: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
#user .user-type .type-body {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px 0 10px 10px;
  margin-bottom: -1px;
}
#user .user-type .count {
  padding: 0;
}
#user .user-type .count:before,
#user .user-type .count:after {
  content: "";
  display: table;
}
#user .user-type .count:after {
  clear: both;
}
#ie6 #user .user-type .count,
#ie7 #user .user-type .count {
  zoom: 1;
}
#user .user-type .count:before,
#user .user-type .count:after {
  content: "";
  display: table;
}
#user .user-type .count:after {
  clear: both;
}
#ie6 #user .user-type .count,
#ie7 #user .user-type .count {
  zoom: 1;
}
#user .user-type .count .item {
  display: inline;
  float: left;
  width: 50%;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
#user .user-type .count .num {
  float: right;
  display: inline-block;
  margin-right: 10px;
  color: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f40));
}
#user .user-type .count.tips .item {
  width: auto;
  margin-right: 10px;
  line-height: 20px;
}
#user .user-type .count.tips .item strong {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
#user .user-type .type-footer {
  background: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 0 0 5px 10px;
}
#user .user-type .type-footer:before,
#user .user-type .type-footer:after {
  content: "";
  display: table;
}
#user .user-type .type-footer:after {
  clear: both;
}
#ie6 #user .user-type .type-footer,
#ie7 #user .user-type .type-footer {
  zoom: 1;
}
#user .user-type .type-footer:before,
#user .user-type .type-footer:after {
  content: "";
  display: table;
}
#user .user-type .type-footer:after {
  clear: both;
}
#ie6 #user .user-type .type-footer,
#ie7 #user .user-type .type-footer {
  zoom: 1;
}
#user .user-type .type-footer .item {
  margin-top: 5px;
}
#user .user-type .type-footer a {
  white-space: nowrap;
  display: block;
  line-height: 20px;
}
#user .feed-list {
  clear: both;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  margin-bottom: 10px;
}
#user .feed-list .tab_detail {
  padding: 0;
}
#user .feed-list .table {
  margin-bottom: 0;
  margin-top: -1px;
}
#user .action-bar:before,
#user .action-bar:after {
  content: "";
  display: table;
}
#user .action-bar:after {
  clear: both;
}
#ie6 #user .action-bar,
#ie7 #user .action-bar {
  zoom: 1;
}
#user .action-bar:before,
#user .action-bar:after {
  content: "";
  display: table;
}
#user .action-bar:after {
  clear: both;
}
#ie6 #user .action-bar,
#ie7 #user .action-bar {
  zoom: 1;
}
@media (min-width: 768px) {
  #user .action-bar .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  #user .action-bar .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  #user .action-bar .form-control-static {
    display: inline-block;
  }
  #user .action-bar .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  #user .action-bar .input-group .input-group-addon,
  #user .action-bar .input-group .input-group-btn,
  #user .action-bar .input-group .form-control {
    width: auto;
  }
  #user .action-bar .input-group > .form-control {
    width: 100%;
  }
  #user .action-bar .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  #user .action-bar .radio,
  #user .action-bar .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  #user .action-bar .radio label,
  #user .action-bar .checkbox label {
    padding-left: 0;
  }
  #user .action-bar .radio input[type="radio"],
  #user .action-bar .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  #user .action-bar .has-feedback .form-control-feedback {
    top: 0;
  }
}
#user .action-bar .action-item {
  float: left;
  display: inline;
  margin-right: 20px;
  white-space: nowrap;
  margin-bottom: 10px;
}
#user .p-row1 {
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#user .p-row1 a.user-link{
  display: inline-block;
}
#user .user-type {
  display: inline;
  float: left;
  width: 350px;
  margin: 0 5px;
  margin-bottom: 10px;
}
#user .user-type .type-heading {
  background: #fff;
  overflow: hidden;
  height: 35px;
}
#user .user-type .type-heading .type-title {
  line-height: 35px;
  font-size: 14px;
  text-indent: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  float: left;
}
#user .user-type .type-heading .chakan {
  float: right;
  font-size: 12px;
  color: #999;
  padding-right: 10px;
  padding-top: 8px;
}
#user .user-type .type-body1 {
  padding: 30px ;
}
#user .user-type .type-list {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px 0;
  margin-bottom: -1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#user .user-type .type-list .table {
  margin-bottom: 0;
  width: 100%;
}
#user .user-type .type-list .list-desc {
  width: 13.25em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
#user .user-type .type-list .list-desc1 {
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
#user .user-type .count {
  padding: 0;
}
#user .user-type .count:before,
#user .user-type .count:after {
  content: "";
  display: table;
}
#user .user-type .count:after {
  clear: both;
}
#ie6 #user .user-type .count,
#ie7 #user .user-type .count {
  zoom: 1;
}
#user .user-type .count:before,
#user .user-type .count:after {
  content: "";
  display: table;
}
#user .user-type .count:after {
  clear: both;
}
#ie6 #user .user-type .count,
#ie7 #user .user-type .count {
  zoom: 1;
}
#user .user-type .count .item {
  display: inline;
  float: left;
  width: 50%;
  line-height: 35px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
#user .user-type .count .num {
  float: right;
  display: inline-block;
  margin-right: 10px;
  color: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f40));
}
#user .user-type .count.tips .item {
  width: auto;
  margin-right: 10px;
  line-height: 20px;
}
#user .user-type .count.tips .item strong {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
#user .user-type .count .item1 {
  line-height: 28px;
  font-size: 12px;
}
#user .user-type .count .desc {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  display: inline;
}

#user .user-type .count .time {
  color: #999;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  /*white-space: nowrap;*/
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}

#user .user-type .count1 {
  color: #666;
  font-size: 12px;
}
#user .user-type .type-footer {
  background: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 0 0 5px 10px;
}
#user .user-type .type-footer:before,
#user .user-type .type-footer:after {
  content: "";
  display: table;
}
#user .user-type .type-footer:after {
  clear: both;
}
#ie6 #user .user-type .type-footer,
#ie7 #user .user-type .type-footer {
  zoom: 1;
}
#user .user-type .type-footer:before,
#user .user-type .type-footer:after {
  content: "";
  display: table;
}
#user .user-type .type-footer:after {
  clear: both;
}
#ie6 #user .user-type .type-footer,
#ie7 #user .user-type .type-footer {
  zoom: 1;
}
#user .user-type .type-footer .item {
  margin-top: 5px;
}
#user .user-type .type-footer a {
  white-space: nowrap;
  display: block;
  line-height: 20px;
}
.alter {
  padding: 0  10px;
  border-right: 1px #ddd solid;
}
.get-back {
  padding: 0  10px;
}
.zh-renzheng {
  margin: 0 !important;
  margin-top: 10px;
}
.photo {
  width: 90px;
  height: 90px;
  float: left;
  margin: 10px 20px 0 20px;
  float: right;
}
.photo img {
  width: 90px;
  height: 90px;
}
.tab_desc {
  background: none;
  border: none;
  margin: 10px;
  border-top: 1px #ddd solid;
}
.info {
  margin-bottom: 0;
}
.media-left {
  float: left;
}
.media-left h2 {
  margin-left: 20px;
  width: 90px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: -10px;
}
.media-min {
  float: left;
}
.warning {
  color: hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f40));
  font-size: 12px;
  padding: 0 5px;
}
.media-right {
  padding-left: 40px !important;
}
.user-avatar {
  display: inline-block;
}
/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Improvements by Sébastien Malot
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
  padding: 4px;
  margin-top: 1px;
  white-space: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datetimepicker.datetimepicker-rtl {
  direction: rtl;
}
.datetimepicker.datetimepicker-rtl table tr td span {
  float: right;
}
.datetimepicker > div {
  display: none;
}
.datetimepicker.minutes div.datetimepicker-minutes {
  display: block;
}
.datetimepicker.hours div.datetimepicker-hours {
  display: block;
}
.datetimepicker.days div.datetimepicker-days {
  display: block;
}
.datetimepicker.months div.datetimepicker-months {
  display: block;
}
.datetimepicker.years div.datetimepicker-years {
  display: block;
}
.datetimepicker table {
  margin: 0;
}
.datetimepicker table tr td.minute:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
}
.datetimepicker table tr td.hour:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
}
.datetimepicker table tr td.day:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
}
.datetimepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datetimepicker table tr td span:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.datetimepicker table tr td span.old {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
}
.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker th.switch {
  width: 145px;
}
.datetimepicker-inline {
  width: 220px;
}
.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
  top: 0;
  left: 0;
}
[class*="datetimepicker-dropdown"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
[class*="datetimepicker-dropdown"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid hsl(var(--my_color_d), 0%, 93%);
  position: absolute;
}
[class*="datetimepicker-dropdown-top"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}
[class*="datetimepicker-dropdown-top"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid hsl(var(--my_color_d), 0%, 93%);
  border-bottom: 0;
}
.datetimepicker-dropdown-bottom-left:before {
  top: -7px;
  right: 6px;
}
.datetimepicker-dropdown-bottom-left:after {
  top: -6px;
  right: 7px;
}
.datetimepicker-dropdown-bottom-right:before {
  top: -7px;
  left: 6px;
}
.datetimepicker-dropdown-bottom-right:after {
  top: -6px;
  left: 7px;
}
.datetimepicker-dropdown-top-left:before {
  bottom: -7px;
  right: 6px;
}
.datetimepicker-dropdown-top-left:after {
  bottom: -6px;
  right: 7px;
}
.datetimepicker-dropdown-top-right:before {
  bottom: -7px;
  left: 6px;
}
.datetimepicker-dropdown-top-right:after {
  bottom: -6px;
  left: 7px;
}
.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}

#user .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
#user .table > thead > tr > th,
#user .table > tbody > tr > th,
#user .table > tfoot > tr > th,
#user .table > thead > tr > td,
#user .table > tbody > tr > td,
#user .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid hsl(var(--my_color_d), 0%, 87%);
}
#user .table > thead > tr > th {
  vertical-align: bottom;
}
#user .table > caption + thead > tr:first-child > th,
#user .table > colgroup + thead > tr:first-child > th,
#user .table > thead:first-child > tr:first-child > th,
#user .table > caption + thead > tr:first-child > td,
#user .table > colgroup + thead > tr:first-child > td,
#user .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
#user .table > tbody + tbody {
  border-top: 2px solid hsl(var(--my_color_d), 0%, 87%);
}
#user .table .table {
  background-color: hsl(var(--my_color_d), 0%, 93%);
}



.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
  background-color: transparent;
}
.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
}
.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
  background: none;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
  cursor: default;
}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background-color: hsl(var(--my_color_d), var(--my_color_e85), 80%);
  background-image: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-image: -ms-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(var(--my_color_d), var(--my_color_e85), 80%)), to(hsl(var(--my_color_d), var(--my_color_e85), 80%)));
  background-image: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-image: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-image: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='hsl(var(--my_color_d), var(--my_color_e85), 80%)', endColorstr='hsl(var(--my_color_d), var(--my_color_e85), 80%)', GradientType=0);
  border-color: hsl(var(--my_color_d), var(--my_color_e85), 80%) hsl(var(--my_color_d), var(--my_color_e85), 80%) hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65));
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: hsl(var(--my_color_d), var(--my_color_e85), 80%);
}
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e85), 70%) \9;
}
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
  background-image: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -ms-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))));
  background-image: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))', endColorstr='hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))', GradientType=0);
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f25));
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #EEE;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
}
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30)) \9;
}
.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
  width: 14.6%;
}
.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  margin-bottom: inherit;
  line-height: 30px;
}
.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: none;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
  cursor: default;
}
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
  background-image: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -ms-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))));
  background-image: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))', endColorstr='hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))', GradientType=0);
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f25));
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #EEE;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
}
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30)) \9;
}
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
  cursor: pointer;
}
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
  cursor: pointer;
  width: 14px;
  height: 14px;
}
@media (min-width: 240px) and (max-width: 640px) {
  #im {
    display: none;
  }
}
.loading-img {
  display: none;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background: hsl(var(--my_color_d), 0%, 93%);
}
.loading-img table {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.site-im {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 230px;
  overflow: hidden;
  z-index: 999;
  background: hsl(var(--my_color_d), 0%, 93%);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.site-im-main-button {
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
  color: hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
}
.site-im-main-button .inner {
  position: relative;
  z-index: 1;
}
.site-im-main-button .inner:before,
.site-im-main-button .inner:after {
  content: "";
  display: table;
}
.site-im-main-button .inner:after {
  clear: both;
}
#ie6 .site-im-main-button .inner,
#ie7 .site-im-main-button .inner {
  zoom: 1;
}
.site-im-main-button .inner:before,
.site-im-main-button .inner:after {
  content: "";
  display: table;
}
.site-im-main-button .inner:after {
  clear: both;
}
#ie6 .site-im-main-button .inner,
#ie7 .site-im-main-button .inner {
  zoom: 1;
}
.site-im-main-button a {
  color: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-brand {
  color: hsl(var(--my_color_d), 0%, 93%);
  float: left;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 32px;
}
.site-im-brand .fa {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.site-im-count {
  margin-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 35px;
  text-align: center;
}
.site-im-count strong {
  margin-left: 4px;
  margin-right: 4px;
}
.site-im-arrow {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 8px;
  font-size: 24px;
  line-height: 20px;
}
.site-im-inner {
  height: 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out 0.1s;
  -o-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}
.site-im-inner:before,
.site-im-inner:after {
  content: "";
  display: table;
}
.site-im-inner:after {
  clear: both;
}
#ie6 .site-im-inner,
#ie7 .site-im-inner {
  zoom: 1;
}
.site-im-inner:before,
.site-im-inner:after {
  content: "";
  display: table;
}
.site-im-inner:after {
  clear: both;
}
#ie6 .site-im-inner,
#ie7 .site-im-inner {
  zoom: 1;
}
.show-im {
  height: 465px;
}
.site-im-header {
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-header:before,
.site-im-header:after {
  content: "";
  display: table;
}
.site-im-header:after {
  clear: both;
}
#ie6 .site-im-header,
#ie7 .site-im-header {
  zoom: 1;
}
.site-im-header:before,
.site-im-header:after {
  content: "";
  display: table;
}
.site-im-header:after {
  clear: both;
}
#ie6 .site-im-header,
#ie7 .site-im-header {
  zoom: 1;
}
.site-im-body {
  background: hsl(var(--my_color_d), 0%, 93%);
  height: 400px;
  overflow: auto;
  position: relative;
  z-index: 1;
}
.im-user-avatar {
  width: 65px;
  height: 65px;
  float: left;
}
.im-user-avatar img {
  display: block;
  max-width: 100%;
  height: auto;
}
.im-user-info {
  overflow: hidden;
  padding: 10px;
}
.im-user-name {
  font-size: 12px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.site-im-ctrl {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.site-im-ctrl a {
  display: inline-block;
  width: 25px;
  height: 25px;
  color: hsl(var(--my_color_d), var(--my_color_e60), 84%);
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  line-height: 22px;
}
.site-im-ctrl a:hover {
  background: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.im-pep-item {
  padding: 8px 10px;
  background: hsl(var(--my_color_d), 0%, 93%);
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
}
.im-pep-item:before,
.im-pep-item:after {
  content: "";
  display: table;
}
.im-pep-item:after {
  clear: both;
}
#ie6 .im-pep-item,
#ie7 .im-pep-item {
  zoom: 1;
}
.im-pep-item:before,
.im-pep-item:after {
  content: "";
  display: table;
}
.im-pep-item:after {
  clear: both;
}
#ie6 .im-pep-item,
#ie7 .im-pep-item {
  zoom: 1;
}
.im-pep-item:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.im-pep-item.offline .im-pep-item-img > img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.im-pep-item.offline strong {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.im-pep-item-img {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.im-pep-item-img img {
  display: block;
  max-width: 100%;
  height: auto;
}
.im-pep-item-img .status {
  position: absolute;
  padding: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  bottom: -3px;
  right: -3px;
  font-size: 10px;
  background: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.im-pep-item-img .status:empty {
  display: none;
}
.im-pep-item-body {
  overflow: hidden;
  padding: 10px;
  font-size: 12px;
}
.im-pep-item-body strong {
  font-weight: normal;
}
.site-im-dialog {
  overflow: hidden;
  position: fixed;
  z-index: 999;
  right: 240px;
  bottom: 0;
  width: 500px;
  height: 0;
  background: hsl(var(--my_color_d), 0%, 93%);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-out 0.1s;
  -o-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}
.show-dialog {
  height: 500px;
}
.site-im-dialog-nav {
  float: left;
  width: 0;
  height: 500px;
  overflow: hidden;
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
  -webkit-transition: all 0.2s ease-out 0.1s;
  -o-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}
.site-im-dialog-nav > li {
  margin: 5px 0 5px 5px;
  position: relative;
  z-index: 1;
  display: list-item;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.site-im-dialog-nav > li > a {
  display: block;
  font-size: 12px;
  text-decoration: none;
  padding: 10px;
  color: hsl(var(--my_color_d), 0%, 93%);
  margin-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.site-im-dialog-nav > li.active {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-dialog-nav > li.active:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-dialog-nav > li.active > a {
  background: hsl(var(--my_color_d), 0%, 93%);
  color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
}
.site-im-dialog-nav > li img {
  width: 20px;
  height: 20px;
}
.site-im-dialog-nav > li:hover {
  background: rgba(255, 255, 255, 0.2);
}
.site-im-dialog-nav > li:hover .close-nav {
  display: block;
}
.site-im-dialog-nav a.close-nav {
  display: none;
  position: absolute;
  z-index: 1;
  right: -15px;
  top: 8px;
  padding: 0 2px 3px;
  line-height: 16px;
  font-size: 20px;
  width: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.site-im-dialog-nav a.close-nav:hover {
  background: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.show-nav {
  width: 120px;
}
.site-im-dialog-body {
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.2s ease-out 0.1s;
  -o-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}
.site-im-dialog-body .im-pep-item {
  display: block;
  background: hsl(var(--my_color_d), 0%, 93%);
  cursor: default;
}
.site-im-dialog-ctrl {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.site-im-dialog-ctrl a {
  display: inline-block;
  width: 25px;
  height: 25px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f65));
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  line-height: 22px;
}
.site-im-dialog-ctrl a:hover {
  background: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.dialog-comment-list-box {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  height: 300px;
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
}
.dialog-comment-list {
  line-height: 25px;
  padding: 10px 5px 0 10px;
}
.dialog-comment-list:before,
.dialog-comment-list:after {
  content: "";
  display: table;
}
.dialog-comment-list:after {
  clear: both;
}
#ie6 .dialog-comment-list,
#ie7 .dialog-comment-list {
  zoom: 1;
}
.dialog-comment-list:before,
.dialog-comment-list:after {
  content: "";
  display: table;
}
.dialog-comment-list:after {
  clear: both;
}
#ie6 .dialog-comment-list,
#ie7 .dialog-comment-list {
  zoom: 1;
}
.dialog-comment-list-item {
  white-space: pre-wrap;
  word-wrap: break-word !important;
  word-break: normal !important;
  display: block;
  max-width: 80%;
  line-height: 18px;
  margin-bottom: 10px;
  float: left;
  clear: both;
  background: hsl(var(--my_color_d), var(--my_color_e55), 86%);
  padding: 5px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dialog-comment-list-item.reply {
  float: right;
  clear: both;
  background: hsl(var(--my_color_d), var(--my_color_e30), 79%);
  -webkit-border-radius: 5px 5px 0 5px;
  -moz-border-radius: 5px 5px 0 5px;
  border-radius: 5px 5px 0 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dialog-comment-list-item img {
  display: block;
  max-width: 100%;
  height: auto;
}
.dialog-comment-edit {
  width: 100%;
  height: 105px;
}
.dialog-comment-edit textarea {
  width: 100%;
  height: 100%;
  resize: none;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px;
}
.site-im-dialog-header {
  height: 55px;
  background: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-dialog-header:before,
.site-im-dialog-header:after {
  content: "";
  display: table;
}
.site-im-dialog-header:after {
  clear: both;
}
#ie6 .site-im-dialog-header,
#ie7 .site-im-dialog-header {
  zoom: 1;
}
.site-im-dialog-header:before,
.site-im-dialog-header:after {
  content: "";
  display: table;
}
.site-im-dialog-header:after {
  clear: both;
}
#ie6 .site-im-dialog-header,
#ie7 .site-im-dialog-header {
  zoom: 1;
}
.site-im-dialog-footer {
  background: hsl(var(--my_color_d), 0%, 93%);
  padding: 5px;
}
.site-im-dialog-footer:before,
.site-im-dialog-footer:after {
  content: "";
  display: table;
}
.site-im-dialog-footer:after {
  clear: both;
}
#ie6 .site-im-dialog-footer,
#ie7 .site-im-dialog-footer {
  zoom: 1;
}
.site-im-dialog-footer:before,
.site-im-dialog-footer:after {
  content: "";
  display: table;
}
.site-im-dialog-footer:after {
  clear: both;
}
#ie6 .site-im-dialog-footer,
#ie7 .site-im-dialog-footer {
  zoom: 1;
}
.site-im-dialog-footer .for-post {
  float: right;
}
.site-im-dialog-footer .for-post kbd {
  padding: 2px 4px;
}
.box_flashing .flashing-text {
  -webkit-animation: flashing 1.5s linear infinite;
  -o-animation: flashing 1.5s linear infinite;
  animation: flashing 1.5s linear infinite;
}
@-webkit-keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
@-moz-keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
@-o-keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
@keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
  background: red;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: red;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: hsl(var(--my_color_d), 0%, 97%);
  position: relative;
}
.jspDrag {
  background: hsl(var(--my_color_d), 0%, 80%);
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  background: hsl(var(--my_color_d), 15%, var(--my_color_f35));
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: hsl(var(--my_color_d), 5%, var(--my_color_f50));
}
.jspVerticalBar .jspArrow {
  height: 8px;
}
.jspHorizontalBar .jspArrow {
  width: 8px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: hsl(var(--my_color_d), 21%, 95%);
  float: left;
  height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

@media (min-width: 981px) and (max-width: 1280px) {
  #user .container {
    width: 960px;
  }
}
@media (min-width: 1280px) {
  #user .container {
    width: 1200px;
  }
}

@media (min-width: 1280px) {
  #user .content-panel {
    display: inline;
    float: left;
    width: 1010px;
    margin: 0 5px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #user .content-panel .horizontal-row {
    display: block;
    width: 970px;
    margin: 0 -5px;
  }
  #user .content-panel .horizontal-row:before,
  #user .content-panel .horizontal-row:after {
    content: "";
    display: table;
  }
  #user .content-panel .horizontal-row:after {
    clear: both;
  }
  #ie6 #user .content-panel .horizontal-row,
  #ie7 #user .content-panel .horizontal-row {
    zoom: 1;
  }
  #user .content-panel .horizontal-row:before,
  #user .content-panel .horizontal-row:after {
    content: "";
    display: table;
  }
  #user .content-panel .horizontal-row:after {
    clear: both;
  }
  #ie6 #user .content-panel .horizontal-row,
  #ie7 #user .content-panel .horizontal-row {
    zoom: 1;
  }
}
@media (min-width: 1280px) {
  #user .user-type {
    display: inline;
    float: left;
    width: 470px;
    margin: 0 5px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1280px) {
  #user #fix-box {
    margin-left: 620px;
  }
}
/*header jiake 2016/1/14*/
.header{
  margin-top: 5px;
  margin-bottom: 10px;
}
.header:before,
.header:after {
  content: "";
  display: table;
}
.header:after {
  clear: both;
}
#ie6 .header,
#ie7 .header {
  zoom: 1;
}
.header:before,
.header:after {
  content: "";
  display: table;
}
.header:after {
  clear: both;
}
#ie6 .header,
#ie7 .header {
  zoom: 1;
}
.header-website {
  float: left;
  position: relative;
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.header-function {
  float: right;
  margin-right: 5px;
  margin-top: 20px;
  margin-bottom: 0px;
}
.brand-logo {
  margin-right: 0px;
}
.header-location {
  position: absolute;
  bottom: 0;
  left: 100%;
  white-space: nowrap;
}
.localtion-layer {
  position: relative;
  display: inline-block;
}


.header-or{
  margin-top: 14px;
  color: #CCC;
}
/*发布按钮*/
.release-btnBox{
  margin-left: 10px;
}
.release-btnBox:hover .release-select{
  display: block;
}
.release-btnSelect-box{
  width: 130px;
  height: 45px;
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
  text-align: center;
  border-radius: 0;
  color: #EEE;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 2px 2px 2px hsl(var(--my_color_d), 0%, var(--my_color_f5))
}
.release-btnSelect-box a{
  padding:10px 10px 10px 5px;
  color: #EEE;
  text-decoration: none;
}
.release-btnSelect-box:hover,
.release-btnSelect-box:visited,
.release-btnSelect-box:active{
  color: #EEE;
}
.release-btnSelect-box a:hover
.release-btnSelect-box a:visited,
.release-btnSelect-box a:active{
  color: #EEE;
  text-decoration: none;
}
.release-btnSelect-box .caret{
  margin-left: 15px;
}
.release-select{
  min-width: 130px;
  border-radius:0;
  display: none;
}
.release-select > .active > a, 
.release-select > .active > a:hover, 
.release-select > .active > a:focus {
    color: hsl(var(--my_color_d), 0%, 93%);
    text-decoration: none;
    outline: 0;
    background-color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
}
#user .top-nav .nav-header{
  min-width: 230px;
  height: 42px;
  text-align: left;
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
}
#user .top-nav .nav-header a.nav-brand{
  font-weight: normal;
}
#user .top-nav .nav-header a.nav-brand .fa{
  margin-right: 10px;
}
#user .top-nav .nav-header a.nav-brand:hover{
  background: none;
  font-weight: normal;
}
#user .top-nav a.change-link .fa{
  margin-left: 10px;
}
#user .top-nav a.change-link:hover{
  background: none;
  text-decoration: underline;
}
#user .user-cards{
  background: #fff;
}
#user .media-cards{
  height: auto;
  background:#fff;
}
#user .top-Leftcards {
  float: left;
  /*width: 35.5%;*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  border-right: dashed 1px #ccc;
}
#user .top-centerCards .top-centerCards-title{
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f55));
}
#user .top-centerCards .top-centerCards-txt{
  font-size: 22px;
  color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
  padding: 6px 0;
}
#user .top-centerCards {
  /*float: left;*/
  width: 25.5%;
  height: 155px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  border-right: dashed 1px #ccc;
}
#user .top-rightCards{
  margin-top: 0;
  padding: 30px 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;  
}
#user .top-rightCards .top-rightCards-title{
  font-size: 15px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f55));
  margin-bottom: 6px;
}
@media (min-width: 1280px) {
  #user .top-left {
    float: left;
    width: 41.66666667%;
  }
  #user .top-Leftcards {
    float: left;
    width: 32.5%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    border-right: dashed 1px #ccc;
  }  
}
#user .top-center{
  position: relative;
  min-height: 1px;
  padding: 10px 5px 20px;
  overflow:hidden;
}
#user .top-centerCards {
  width: 56.5%;
  height: 155px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  border-right: none;
}
#user .top-centerCards .top-centerCards-title{
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f55));
  text-align:left;
  margin-left:10px;
}
#user .top-centerCards .top-centerCards-txt{
  font-size: 14px;
  color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
  padding: 0px 0;
}
@media (min-width: 1280px) {
  #user .top-center {
    float: left;
    width: 30.5%;
  }  
  #user .top-centerCards {
    float: left;
    width: 45%;
    height: 165px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    border-right: dashed 1px #ccc;
  }  
}
#user .top-right {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
}
#user .top-rightCards{
  margin-top: 0;
  padding: 10px 5px 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;  
}
#user .top-rightCards .top-rightCards-title{
  font-size: 14px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f55));
  margin-bottom: 12px;
}
@media (min-width: 1280px) {
  #user .top-right {
    float: left;
    width: 58.33333333%;
  }
  #user .top-rightCards{
    float: left;
    width: 18%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;    
  }  
}
#user .top-right .notice {
  border-bottom: 1px #eee solid;
  width: 90%;
  padding-bottom: 5px;
  margin-top: 1%;
  margin-left: 1%;
}
#user .top-right .notice a {
  display: inline-block;
  width: 70%;
  color: #666;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#user .top-right .notice .number {
  display: inline-block;
  background-color: hsl(var(--my_color_d), var(--my_color_e45), var(--my_color_f50));
  border-radius: 5px;
  float: right;
  color: #EEE;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  width: 22%;
}
#user .user-cards .user-avatar img{
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: 10px;
}
#user .user-auth {
  display: inline;
  float: left;
  width: 710px;
  margin: 0 5px;
  margin-bottom: 10px;
  background: #fff;
}
#user .user-auth .type-heading {
  margin-bottom: -1px;
  height: 35px;
}
#user .user-auth .type-heading .type-title {
  line-height: 35px;
  font-size: 14px;
  text-indent: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  clear: both;
}
#user .user-auth .type-heading .type-title span{
  display: inline-block;
  float: left;
}
#user .user-auth .type-heading .type-title a{
  display: inline-block;
  float: right;
  padding: 0 10px;
  font-weight: normal;
  color:hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
}
#user .user-auth .user-auth-body {
  overflow: hidden;
  padding: 10px;
  margin-bottom: -1px;
}
#user .user-auth-body .tab_detail{
  padding: 0;
  border: none;
  background: #fff;
}
#user .user-auth-body .table > thead > tr > th, 
#user .user-auth-body .table > tbody > tr > th, 
#user .user-auth-body .table > tfoot > tr > th, 
#user .user-auth-body .table > thead > tr > td, 
#user .user-auth-body .table > tbody > tr > td, 
#user .user-auth-body .table > tfoot > tr > td{
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: none;
  border-bottom: dashed 1px #eee;
}
#user .userType-list{
  overflow: hidden;
  padding: 30px;
  margin-bottom: -1px;  
}
#user .userType-list .userType-list-item{
  width: 210px;
  height: 100px;
  float: left;
  margin-left: 12px;
}
#user .userType-list .userType-list-item:nth-child(4){
  margin-right: 0;
}
#user .userType-list-item .user-itemImg{
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-top: 0;
}
#user .userType-list-item .user-itemImg img{
  width: 80px;
  height: 80px;
}
#user .userType-list-item .user-itemInfo{
  display: inline-block;
  width: 80px;
  height: auto;
}
#user .user-itemInfo .user-itemInfo-name{
  height: 26px;
  line-height: 26px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}
#user .user-itemInfo .user-item-btn .label-success{
  display: inline-block;
  padding: 6px 12px;
  background: hsl(var(--my_color_d), var(--my_color_e), 86%);
  border: 1px hsl(var(--my_color_d), var(--my_color_e50), 79%) solid;
  color: hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f35));
  font-weight: normal;
  margin-bottom: 10px;
}
#user .user-itemInfo .user-item-btn .btn-default{
  padding: 3px 14px;
  background: hsl(var(--my_color_d), 0%, 96%);
  border: solid 1px hsl(var(--my_color_d), 0%, 87%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}

@media (min-width: 1280px){
  #user .user-auth {
    display: inline;
    float: left;
    width: 950px;
    margin: 0 5px;
    margin-bottom: 10px;
  }
}
#user .top-rightCards .notice-cards{
  border-bottom: none;
  padding: 3px 0;
}
#user .top-rightCards .notice-cards .number{
    background: none;
    border-left: 1px solid hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
    border-right: 1px solid hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
    border-radius: 5px;
    float: right;
    color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: 23%;  
}
.identity_modalContent{
  margin: 30px 0 0;
  text-align: center;
}
.identity_modalContent .wk-select{
  display: inline-block;
  width: 112px;
  height: 200px;
  margin: 0 60px;
}
.identity_modalContent .wk-select p{
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  padding-top: 10px;
}
.identity_modalContent .wk-select .wk-select-pic{
  display: inline-block;
  width: 112px;
  height: 161px;
}
.empty-box{
  text-align: center;
  font-size: 18px;
  color: #777;
}
.empty-img{
  display: inline-block;
  margin-right: 15px;
  border: none;
}
.empty-box a{
  display: inline-block;
  font-size: 18px;
  color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
}
.empty-box a:hover{
  color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
}
@media (min-width: 739px) and (max-width: 1280px){
  #user .media-cards{
    height: auto;
  } 
}
#user .user-money{
  color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
}
/* 用户中心商品文件下载 */
.user-downFile-box{
  margin-bottom: 15px;
  overflow: hidden;
}
.user-downFileNum{
  display: inline-block;
  float: left;
}
.user-downFileName{
  display: inline-block;
  padding:0 10px;
  width: 300px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-actDownLoda{
  display: inline-block;
  float: right;
}
.user-actDownLoda .fa{
  margin-right: 10px;
}
.identity_modal,
.confirm_modal{
  z-index: 201;
}

.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-body {
  overflow: hidden;
  display: block;
}
.pull-left {float:left;}
.pull-right {float:right;}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
  line-height:25px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}

#user .btn {
  display: inline-block;
  margin-bottom: 15px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
 			background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					cursor:pointer;
border-radius:30px;
					text-shadow: 1px 1px 2px rgba(0,0,0,.3);
					letter-spacing:1px;
					box-shadow:0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 6px 4px #999;
  white-space: nowrap;
  padding: 1px 10px;
  font-size: 11px;
  color:#fff;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#user .btn:focus,
#user .btn:active:focus,
#user .btn.active:focus,
#user .btn.focus,
#user .btn:active.focus,
#user .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#user .btn:hover,
#user .btn:focus,
#user .btn.focus {
  color: #fff;
  text-decoration: none;
}
#user .btn:active,
#user .btn.active {
  outline: 0;
  /* background-image: none;
  color:#333; */
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

#user a.btn{
    color:#fff;
}
#user a.btn:hover{
    color:#fff;
}

#user .top-centerCards .top-centerCards-btn a.btn-default{
  color: #EEE;
  width: 55px;
  height:19px;
  line-height: 20px;
  margin:10px;
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
  font-size:13px;
  letter-spacing:2px;
  border: solid 1px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60));
}

#user .min-title{
    font-size:14px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
}

#user .col-md-1{    
  float:left;
  width:7%;
  padding: 0 5px;
  text-align: center;
}

#user .thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 87%);
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
#user .thumbnail > img,
#user .thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
#user a.thumbnail:hover,
#user a.thumbnail:focus,
#user a.thumbnail.active {
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
#user .thumbnail .caption {
  padding: 9px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}

#user .fl_l{
    float:left;
}

#user .mr_10{
    margin-right: 10px;
}

#user .tab_detail:after{
    clear:both;
    display: table;
    content:''
}

#user .form-group{
    font-size: 12px;
    color: hsl(var(--my_color_d), 0%, var(--my_color_f25));    
    margin-bottom: 10px;
	
}

#user .form-group:after{
    display: table;
    content: '';
    clear:both;
}

#user .form-group .title{
	padding:3px 20px;
	margin:0px 15px 0px 0px;
    height: 20px;
    line-height: 20px;
	float:left;
	display: inline-block;color:#000; text-align: center;  border-radius:2px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6);
					  letter-spacing:1px;
                      background: hsl(var(--my_color_d), 0%, 89%);
			          background: -moz-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			          background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), 0%, 97%)), to(hsl(var(--my_color_d), 0%, 89%)));
			          background: -webkit-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			          background: -o-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			          background: linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
}

#user .form-group .region_title,#user .tab_detail .region_title{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    border-bottom: solid 1px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
    font-weight: bold;
    margin-bottom: 20px;
}

#user .form-group input[type='text'],
#user .form-group input[type='email'],
#user .form-group input[type='password']
{
    height: 34px;
    padding: 0 12px;
    width:100%;
    box-sizing:border-box; 
	border-radius:2px;
}

#user .form-group textarea{
    border: 1px solid hsl(var(--my_color_d), 0%, 90%);
    padding: 5px;
    width:100%;
    box-sizing:border-box;
}

/*72*/

#user .form-group .col-sm-2{
    width:145px;
    float:left;
    margin-right: 10px;
}


#user .form-group .col-sm-3{
    position: relative;
    width:215px;
    float:left;
    margin-right: 10px;
}

#user .form-group .col-sm-4{
    position: relative;
    width:290px;
    float:left;
    margin:0px 10px 0px 0px;
	line-height:20px;
}

#user .form-group .col-sm-8{
    position: relative;
    width:576px;
    float:left;
    margin-right: 10px;
}

#user .form-group .col-sm-10{
    position: relative;
    width:720px;
}

#user .form-group select{
    height: 34px;
    padding: 0 12px;
    width:100%;
border-radius:2px;margin:0px 15px 5px 0px;cursor:pointer;
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, hsl(var(--my_color_d), 0%, 100%)), color-stop(1, hsl(var(--my_color_d), 0%, 89%))	);
}

#user .form-group .btn{
	  padding: 1px 18px;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing:3px;
  text-shadow: 1px 1px 2px rgba(0,0,0,.3);
  font-weight:normal;
  border-radius: 9px;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
			  background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			  background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			  background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
  color:#fff;box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 10px 5px #999;
}
#user .form-group .btn2,
#user .form-group .btn-group-xs2 > .btn {
  padding: 1px 9px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 9px;
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20));
			  background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20)));
			  background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35))), to(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20))));
			  background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20)));
			  background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20)));
			  background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35)), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f20)));
  color:#fff;box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f15)), 0px 10px 5px #999;
}

#user .form-group .btn:active {top:3px;background-image: linear-gradient(bottom, hsl(var(--my_color_d), 15%, var(--my_color_f20)) 100%, hsl(var(--my_color_d), 13%, var(--my_color_f35)) 0%);
#user .content-panel .nav-pills li.active a{
    color:#fff;
    background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}

#user .content-panel .nav-pills li a{
    background: #fff;
    color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}

#user .table{
    font-size:14px;
}

#user .table th{
    text-align: left;
}

#user .text-info{
    line-height: 25px;
    margin-bottom: 20px;
    font-size:14px;
}

#user .pagination{float:right;}
#user .pagination li{width:30px;float:left;text-align: center;margin-right: 5px;}
#user .pagination li a{display: block;border:solid 1px hsl(var(--my_color_d), 0%, 87%);height: 20px;line-height: 20px;}
#user .pagination li a:hover{border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
#user .pagination li:last-child{width:60px;}
#user .pagination li.active a{background:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));color:#fff;border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)); }

#user .money{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
#user p{font-size:14px;line-height: 30px;}

#user .img-responsive{max-width: 100%;}

#user .btn-toolbar .btn-group,#user .btn-toolbar .input-group{
    float:left;
    margin-right: 10px;
}
.btn-toolbar{
    float:left;
    margin-right: 10px;
	width:500px;
}

.tags-box {
  margin-top: 10px;
  margin-bottom: 10px;
}
.tags-box a {
  display: inline-block;
  font-size: 12px;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 0 5px;
  line-height: 18px;
  background: hsl(var(--my_color_d), 0%, 93%);
  border-color: hsl(var(--my_color_d), 0%, 93%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  text-decoration: none;
  font-size: 14px;
  line-height: 25px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.tags-box a.marked-task {
  border-color: hsl(var(--my_color_d), 23%, var(--my_color_f40));
  color: hsl(var(--my_color_d), 23%, var(--my_color_f40));
}
.tags-box a.marked-shop {
  border-color: hsl(var(--my_color_d), var(--my_color_e35), var(--my_color_f40));
  color: hsl(var(--my_color_d), var(--my_color_e35), var(--my_color_f40));
}
.tags-box a.marked-speed {
  background: hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e60), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-hot {
  background: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-map {
  background: hsl(var(--my_color_d), var(--my_color_e35), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e35), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-spread {
  background: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f35));
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f35));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-see {
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
  border-color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-tags {
  background: hsl(var(--my_color_d), 0%, 93%);
  border-color: hsl(var(--my_color_d), 0%, 93%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
#user .content-panel .tags-box a:hover {
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: #fff;
}

#user .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid hsl(var(--my_color_d), 0%, 94%);
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
#user .panel-body {
  padding: 15px;
}
#user .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
#user .panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
#user .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
  border-bottom: solid 1px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  line-height: 35px;
}
#user .panel-title > a {
  color: inherit;
}
#user .panel-footer {
  padding: 10px 15px;
  background-color: hsl(var(--my_color_d), 0%, 96%);
  border-top: 1px solid hsl(var(--my_color_d), 0%, 87%);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

#user .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: hsl(var(--my_color_d), 0%, 96%);
  border: 1px solid hsl(var(--my_color_d), 0%, 89%);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#user .well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
#user .well-lg {
  padding: 24px;
  border-radius: 6px;
}
#user .well-sm {
  padding: 9px;
  border-radius: 3px;
}

#user .form-inline:after{
    clear:both;
    display: table;
    content:''
}