@charset "utf-8";
/* CSS Document */
body{overflow:hidden;position:relative;background:none;}
.cls-container{background:none;}
.logo-bg{position:absolute;left:5%;top:5%;}
.Leaf-sy{position:absolute;left:-4%;top:20%;
		-webkit-animation: swinging 2s ease-in-out 0s infinite;
    animation: swinging 2s ease-in-out 0s infinite;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;

}
.bg-img{opacity: 1;}
.Leaf-sy img{width:100%;height:auto;}
@-webkit-keyframes swinging{
   0% { -webkit-transform: rotate(0deg); }
   100% { -webkit-transform: rotate(3deg); }
   
}
.form-control{padding: 13px 12px;background:#fff; border-radius:0px!important;border:1px #fff solid!important; }
@media (min-width: 768px){
.cls-content .cls-content-sm {
    width: 450px!important;
}
}
.bg-img ~ .cls-content .panel {
    background:none;
    box-shadow:initial;
	margin-top: 10vh;
	position:relative;
	z-index:99999;
}
@media (min-width: 768px){
.cls-content .cls-content-sm {
margin-top: 0vh!important;
}
}
.pad-btm{padding-bottom:0!important;}
.mar-no{font-size:24px;}
.mar-no{color:#fff;font-weight:normal;font-size: 26pt;}
.panel-body{
	padding: 20px 30px;margin-top:10%;
	background: url(../img/pany-bg.png) no-repeat center center;
	background-size:cover;
	-moz-box-shadow:0px 0px 100px #fff;
	webkit-box-shadow: 0px 0px 100px #f4a431;
	box-shadow:0px 0px 100px #f4a431;

	border-radius: 0!important;
}
.bg-img ~ .cls-content .panel h3 img{height:auto;}
.cls-content .cls-content-sm, .cls-content .cls-content-lg{width:90%;}
#loginBtn{   
background:#ff9600;
    border-color: #ff9600;
    color: #fff;
	 border-radius: 3px;
	margin-bottom:5%;
	padding: 8px 12px;
}
.form-group{
	}
.tubi{position:relative;}
.tu_left {
    background: url(../img/left_03.png) no-repeat center center;
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 40px;
    z-index: 99;
}
.tu_next{position:relative;}
.next_lt {
    background: url(../img/right_06.png) no-repeat center center;
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 40px;
    z-index: 99;
}
.Code{position:relative;}
.Code-left {
   /* background: url(../img/yz.png) no-repeat center center;*/
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 40px;
    z-index: 99;
}
input#username {
    margin-top: 40px;
	padding-left:45px;
}
input#password {
    margin-top: 20px;
	padding-left:45px;
}
@media (max-width: 34em){
	.bg-img ~ .cls-content .panel h3 img{height:auto;width:100%;}
	.bg-img ~ .cls-content .panel{margin-top: 5vh;}
	.panel-body{padding: 15px 20px 25px;}
}

input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
}

.youyu-bg{display:none!important;}
.cls-content .Title-h2{/*background: url('../img/cent-bg.png');background-size:contain;background-repeat:no-repeat;*/padding:55px 0px;background-position:center 0;}
.title-bg{background: url('../img/title-bg.png');background-size:contain;background-repeat:no-repeat;padding:3px 0px;background-position:bottom center;;}
.form-control:focus{border-color: #c8f1cd;}
#verifyCode {
    background: #fff;
    max-width: 100%;
    height: auto;
}
.cls-content{padding-top: 5vh;}
@media (max-width: 34em){
		.cls-content .Title-h2{padding: 55px 0px;}
	.cls-content{padding-top: 2vh;}
	

}