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

.parent_logo
{
	margin-top:20px;
}
.parent_logoo img
{
	border:2px solid #093;
	margin-top:20px;
	padding:2px;
	border-radius: 7px;
}
body{font-family: 'Ropa Sans', sans-serif; color:#666; font-size:14px; color:#333; }
li,ul,body,input{margin:0; padding:0; list-style:none}
#login-form{width: 100%;
overflow: hidden;
border-radius: 7px;
background: #E9ECED;
border-radius: 7px;
border: 2px solid #093;
padding: 5px;}
.form-header label{display:block; cursor:pointer; z-index:999}
.form-header li{line-height: 100px;
text-align: center;
font-size: 29px;
font-family: initial;
color: #1b8933;
text-shadow: 2px 2px 1px #E5332F4D;}

/*sectiop*/
.section-out{width:700px; float:left; margin-bottom:7px; transition:all 600ms ease}
.section-out:after{content:''; clear:both; display:table}
.section-out section{width:350px; float:left}

.login{padding:25px}
.ul-list{clear:both; display:table; width:100%}
.ul-list:after{content:''; clear:both; display:table}
.ul-list li{ margin:0 auto; margin-bottom:32px}
.input{background:#fff; transition:all 800ms; width:247px; border-radius:3px 0 0 3px; font-family: 'Ropa Sans', sans-serif; border:solid 1px #ccc; border-right:none; outline:none; color:#999; height:40px; line-height:40px; display:inline-block; padding-left:10px; font-size:16px}
.input,.login span.icon{vertical-align:top}
.login span.icon{width:50px; transition:all 800ms; text-align:center; color:#999; height:40px; border-radius:0 3px 3px 0; background:#e8e8e8; height:40px; line-height:40px; display:inline-block; border:solid 1px #ccc; border-left:none; font-size:16px}
.input:focus:invalid{border-color:red}
.input:focus:invalid+.icon{border-color:red}
.input:focus:valid{border-color:green}
.input:focus:valid+.icon{border-color:green}
#check,#check1{top:1px; position:relative}
.btn{border:none; outline:none; background: #A8D049;
border-bottom: solid 4px #91A896;  font-family: 'Ropa Sans', sans-serif; margin:0 auto; display:block; height:40px; width:100%; padding:0 10px; border-radius:3px; font-size:16px; color:#FFF}

.social-login{padding:15px 20px; background:#f1f1f1; border-top:solid 2px #e8e8e8; text-align:right}
.social-login a{display:inline-block; height:35px; text-align:center; line-height:35px; width:35px; margin:0 3px; text-decoration:none; color:#FFFFFF}
.form a i.fa{line-height:35px}
.fb{background:#305891} .tw{background:#2ca8d2} .gp{background:#ce4d39} .in{background:#006699}
.remember{width:50%; display:inline-block; clear:both; font-size:14px}
.remember:nth-child(2){text-align:right}
.remember a{text-decoration:none; color:#666}

.hide{display:none}

/*swich form*/
#signup:checked~.section-out{margin-left:-350px}
#login:checked~.section-out{margin-left:0px}
#login:checked~div .form-header li:nth-child(1),#signup:checked~div .form-header li:nth-child(2){  background:#E9ECED;}

.backto{background:#09C}
.backto>a{padding:16px; margin-bottom:10px; display:block; text-align:center; text-decoration:none; font-size:16px; color:#fff}

#powered{padding:10px; text-align:center; color:#999}
#powered a{text-decoration:none; color:#666}
.line-top
{
	margin-top:40px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px)
{
.form-header li{margin:0; line-height:60px; width:215px; text-align:center; background:#FFF;
}
  .input {
    background: #fff;
    transition: all 800ms;
    width: 130px;
    border-radius: 3px 0 0 3px;
    font-family: 'Ropa Sans', sans-serif;
    border: solid 1px #ccc;
    border-right: none;
    outline: none;
    color: #999;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding-left: 10px;
    font-size: 16px;
}
li, ul, body, input {
    margin: 0;
    padding: 0;
    list-style: none;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.btn {
    border: none;
    outline: none;
    background: #0099CC;
    border-bottom: solid 4px #006699;
    font-family: 'Ropa Sans', sans-serif;
    margin: 0 auto;
    display: block;
    height: 40px;
    width: 71px;
    padding: 0 0px;
    border-radius: 3px;
    font-size: 16px;
    color: #FFF;
    margin-right: 12px;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}	
}