﻿@charset "utf-8";
/* CSS Document */
/*body {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
    color:#000;
    line-height: 30px;
    text-align: center;
	background-color:#000;
}*/
strong { font-weight: 500; }
a, a:hover, a:focus {
	color: #de615e;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
/*h1, h2 {
	margin-top: 10px;
	font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}
h3 {
	font-size: 16px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}*/
img { max-width: 100%; }
::-moz-selection { background: #19b9e7; color: #fff; text-shadow: none; }
::selection { background: #19b9e7; color: #fff; text-shadow: none; } 
.all{
	width:100%;
	height:625px; 
	background-image:url(/images/Home/background.jpg);

}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border:0;
	-webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
}

/*.login-form{
	width:350px;
	height:650px;
}

.login-span>.login-form
{
    padding-top:50px;
}*/
.login-span>.login-form
{
    padding-top:100px;
}
.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	/*background:#222222;*//*第一种*/
    background:#ffffff;/*第二种*/
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
	text-align: left;
    border:1px solid #77b3d4;/*第二种*/
}

.RedStar-right{
	text-align:center;
	padding-top:7px;}
.RedStar-right1{
	text-align:center;
	padding-top:5px;}
.allright {
    text-align:center;
    margin-top:80px;
}
.form-left{
	text-align:left;
	margin-top:9px;
	}
.form-right{
	margin-top:22px;}
.form-bottom {
	padding: 25px 25px 30px 25px;
	background: #fff;
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
	text-align: left;
	 /*border:1px solid #222222;*//*第一种*/
       border-bottom:1px solid #77b3d4;
    border-left:1px solid #77b3d4;
     border-right:1px solid #77b3d4;/*第二种*/
}



.textf{
	margin-top:5px;}
.textfl{
	margin-bottom:5px;}
.font{
	font-size:12px;
	color:#234065;
	font-weight:500;}
.font a{
	color:#76c3ea;}
.font a:hover, .font a:focus {
	color: #222222;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
.font1 a{
	color:#234065;}
.font1 a:hover, .font1 a:focus {
	color:#76c3ea;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
/*.sty{
	background-color:#222222;
	color:#fff;}*/
.loginsty{
	background-color:#222222;
	color:#fff;
	width:150px;
	height:40px;
	}
/*.btnret{
	width:220px;
	text-align:center;
	margin-top:20px;}*/
form .form-bottom button.btn:hover {
	color:#76c3ea;}
form .form-bottom button.btn {
	min-width: 105px;}
.loginbtn button:hover{
	background-color:inherit;
	border:1px solid #76c3ea;}
section .form-bottom .input-error {
	border-color:#76c3ea;
    background-color:#fff;
}
form.login-form fieldset {
	display: none;}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
/*
input[type="text"], 
input[type="password"], 
input[type="email"], 
textarea, 
textarea.form-control {
	height: 30px;
    margin: 0;
    padding: 0 10px;
    vertical-align: middle;
    background: #f8f8f8;
    border: 1px solid #cccccc;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 50px;
    color:#888;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}*/
/*input[type="text"]:focus, 
input[type="password"]:focus,
input[type="email"]:focus,  
textarea:focus, 
textarea.form-control:focus {
	outline: 0;
	background: #fff;
    border: 1px solid #ccc;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}*/
/*input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder,input[type="password"]:-moz-placeholder, 
textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #888; }

input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder, 
textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #888; }

input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder，input[type="password"]::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #888; }*/


@media (max-width: 992px){
	/*.all{
	background-image:none;}*/
	.disappear{display:none;}
    .registration-form{
	width:430px;
	height:480px;}
    .allright {
        text-align: center;
        margin-top: 80px;
        display: none;
    }
    .form-left {
        margin-left:50px;
        margin-top:-70px;
    }
    .fontfl {
         margin-top:-40px;
    }
    .btnfl {
        margin-left:65px;
    }
}
@media (max-width:1200px){
    .login-form {width:350px;
    }
}


/*loginheader样式*/
.logobg{
	width:100%;
	background-color:#77b3d4;}
.loginpstyle{
	color:#F2F4B6; 
	font-size:20px; 
	margin-top:13px; 
	margin-left:-100px;}
.buttonstyle{
	width:120px;
	height:35px;
	margin-top:8px;
	}
a:hover .buttonstyle{
	color:#fff;
	background-color:#de6a73;}
	
@media (max-width:1200px){
.loginpstyle{
	margin-top:10px; 
	margin-left:-100px;
	font-size:16px; }
.flheader{margin-top:6px;}
}
@media (max-width: 992px){
.loginpstyle{
	font-size:20px; 
	margin-top:-40px; 
	margin-left:410px;
	}
.logobg{
	height:110px;}
.buttonstyle{
	margin-left:420px;}
}
@media (max-width:588px){
.loginpstyle{
	margin-top:16px; 
	font-size:16px; 
	margin-left:-50px;}
.buttonstyle{
	margin-left:180px;
	margin-top:-80px; }

}

