@charset "UTF-8";
#header-login {
width: auto;
float: right;
padding-top: 0px;
margin-left: 0;
background-color: #fff;
margin-top: -10px;
padding-left: 10px; }
  @media (max-width: 767px) {
    #header-login {
      clear: none; }
    #header-login {
      width: auto;
      padding-top: 0;
      margin-left: 0;
      background-color: transparent;
      margin-top: 8px;
      padding-left: 0;
      float: left;
    }
  }
  #header-login .header_user_info {
    float: right; }
    #header-login .header_user_info a {
      color: #74622C;
      display: block;
      cursor: pointer;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      }
      #header-login .header_user_info a:hover {
        color: #487cb7; }

  #header-login .logout {
    overflow: hidden;
    margin-bottom: 0; }
#header-login .logout a{
	font-size: 20px;
padding: 15px 20px;
margin: 0 auto;
display: inline-block;
width: 100%;
text-align: center
}
#header-login-content {
	position:absolute;
	top:40px;
  display: none;
  width: 270px;
  padding: 15px;
  margin: 0;
  z-index: 2;
  background: #fff;
  border: 1px solid #e3e3e3;
  color: #333; }
  #header-login-content label {
    color: #333;
    font-weight: normal; }
  #header-login-content .create {
    color: #333;
    text-decoration: underline;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #header-login-content .create:hover {
      color: #36537B; }
  #header-login-content li {
    margin: 0;
    padding: 0; }
    #header-login-content li ul {
      margin: 0 0 10px 0; }
      #header-login-content li ul li {
        display: block;
        border-top: 1px solid #e3e3e3;
        line-height: 35px; }
        #header-login-content li ul li:first-child {
          border: none; }
        #header-login-content li ul li a {
          color: #333;
          padding: 0 10px 0 10px;
          display: block;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          position: relative;
          z-index: 1; }
          #header-login-content li ul li a:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            background: #36537B;
            content: "";
            z-index: -1; }
          #header-login-content li ul li a:hover {
            color: #fff; }
            #header-login-content li ul li a:hover:before {
              width: 100%; }
          #header-login-content li ul li a i {
            display: none; }

#create_header_account_error {
  padding: 8px; }