@charset "utf-8";
/* CSS Document */

.popup {
  display: none;
  z-index: 9999;
  top: 0;
  right: -305px;
  position: absolute;
  width: 353px;
  height: 797px;
  background: url(../images/popup1/bg.png) top left no-repeat;
}
.popup1 {
  float: left;
  width: 48px;
  height: 54px;
}
.popup .popupin {
  float: left;
  margin-left: 35px;
  margin-top: 16px;
  width: 232px;
  height: auto;
}
.popup-minimize {
  float: left;
  text-align: right;
  width: 100%;
  height: auto;
}
.popup-top {
  float: left;
  width: 100%;
  height: auto;
}

.admin-images {
  margin: 0 auto;
  width: 98px;
  height: 98px;

  -webkit-border-top-left-radius: 50%;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;

  -moz-border-radius-topleft: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;

  border-top-left-radius: 50%;
  border-top-right-radius: 50%x;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.admin-images img {
  -webkit-border-top-left-radius: 50%;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;

  -moz-border-radius-topleft: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;

  border-top-left-radius: 50%;
  border-top-right-radius: 50%x;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border: 10px solid #d2d3d7;
}
.head-member-text {
  float: left;
  padding: 10px 0px;
  width: 100%;
  height: auto;
  text-align: center;
}

.popup-mid {
  float: left;
  margin-top: 10px;
  width: 100%;
  height: auto;
}
.textbox-zone {
  float: left;
  width: 100%;
  height: auto;
}
.row-textbox {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 7px;
}

.textbox-user {
  float: left;
  padding-left: 43px;
  width: 100%;
  height: 34px;
  background: url(../images/popup1/textbox.jpg) top left no-repeat;
  border: none;
}
.textbox-passwd {
  float: left;
  padding-left: 43px;
  margin-top: 7px;
  width: 100%;
  height: 34px;
  background: url(../images/popup1/textbox2.jpg) top left no-repeat;
  border: none;
}
.checkbox-zone {
  float: left;
  width: 148px;
  height: auto;
  font: 18px/18px "thaisanslite", Arial, sans-serif;
}

input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-right: 2px;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  text-align: center;
}

.forgetpasswd {
  float: left;
  margin-top: 10px;
  width: 81px;
  height: auto;
  font: 18px/18px "thaisanslite", Arial, sans-serif;
  color: #399bbf;
}
.forgetpasswd a {
  font: 18px/18px "thaisanslite", Arial, sans-serif;
  color: #399bbf;
}
.forgetpasswd a:hover {
  font: 18px/18px "thaisanslite", Arial, sans-serif;
  color: #fb761e;
}
.button-login {
  float: left;
  margin-top: 20px;
  width: 100%;
  height: 32px;
  text-align: center;
  background-color: #73c7e6;
  font: 22px/30px "thaisanslite", Arial, sans-serif;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.button-login:hover {
  float: left;
  margin-top: 20px;
  width: 100%;
  height: 32px;
  text-align: center;
  background-color: #f59f8e;
  font: 22px/30px "thaisanslite", Arial, sans-serif;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.row-or {
  float: left;
  margin: 10px 0px;
  width: 100%;
  height: 28px;
  background: url(../images/popup1/line.png) top center no-repeat;
  text-align: center;
  font: 18px/30px "thaisanslite", Arial, sans-serif;
  color: #080505;
}
.row-facebook {
  float: left;
  width: 100%;
  height: 39px;
}