@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;
}


input[type=checkbox]:after {
    content: " ";
    width:18px;
    height:18px;
    /* background-color:#2fa7d3; */
    display: inline-block;
    visibility: visible;
}

input[type=checkbox]:checked:after {
    content: "\2714";

    background-color:#2fa7d3;
}
.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;
}