.cont_box {
    height: 600px;
    width: 100%;
    min-width: 1200px;
    background-size: cover;
    background-position: center center;
    background-image: url("/org/assets-manager/styles/user-manager/images/login.jpg");
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
    background-repeat: no-repeat;
}
.login-box {
    width: 400px;
    height: 450px;
    float: left;
    border-radius: 4px;
    margin-top: 78px;
    margin-left: 100px;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    box-sizing: border-box;
}
.login-title span{
    color: #485166;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
    display: block;
    text-align: center;
}
.login-title .s-title{
    font-size: 18px;
    color: #485166;
    letter-spacing: 0;
}
.login-input{
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 4%;
    margin-top: 30px;
}
.Trigger_slider_button{
    margin-top: 30px;
    cursor: pointer;
}
.l1 {
    margin-top: 30px;
}
.login-btn {
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background-color: #0079cc;
    color: #fff;
    font-size: 20px;
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 2px 7px #0079cc;
}
.textbox-text{
    width: 100%;
    height: 50px;
    padding: 0 4px 0 13px;
    font-size: 14px;
    line-height: 50px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 4px;
}
.login-tslist {
    color: #f40;
    height: 0;
    line-height: 30px;
    margin-bottom: 0;
    display: none;
}
.login_forgot {
    margin-top: 25px;
    margin-bottom: 0;
}
.login_forgot_btn {
    color: #333;
}
a {
    outline: none;
    cursor: pointer;
}
.clearfix {
    *zoom: 1;
}
.row-left{
    margin-left: auto;
    margin-right: auto;
    float: right;
}
.row-text img{
    width: 432px;
    margin-top: 80px;
}
.row-left{
    height: 600px;
    width: 600px;
}
.row-cartoon{
    height: 400px;
    width: 600px;
    display: block;
}
.row-cartoon-s{
    width: 263px;position: relative;
    margin-left: 16%;z-index: 20;animation: 3s 0s big-s infinite steps(10);
}
@keyframes big-s {
    0% { margin-top:0;opacity: 1}
    10% { margin-top:-0.4%;opacity: 0.8}
    20% { margin-top:-0.8%;opacity: 0.8}
    30% { margin-top:-1.2%;opacity: 0.8}
    40% { margin-top:-1.6%;opacity: 0.8}
    50% { margin-top:-2%;opacity: 1}
    60% { margin-top:-1.6%;opacity: 0.8}
    70% { margin-top:-1.2%;opacity: 0.8}
    80% { margin-top:-0.8%;opacity: 0.8}
    90% { margin-top:-0.4%;opacity: 0.8}
    100% { margin-top:0;opacity: 1}
}
.row-cartoon-img{
    margin-top: -202px;width: 403px;position: relative;
    margin-left: 5%;z-index: 10;animation: 4s 0s big-img infinite steps(10);
}
@keyframes big-img {
    0% { margin-top:-202px;opacity: 1}
    10% { margin-top:-201px;opacity: 1}
    20% { margin-top:-200px;opacity: 1}
    30% { margin-top:-199px;opacity: 1}
    40% { margin-top:-198px;opacity: 1}
    50% { margin-top:-197px;opacity: 1}
    60% { margin-top:-198px;opacity: 1}
    70% { margin-top:-199px;opacity: 1}
    80% { margin-top:-200px;opacity: 1}
    90% { margin-top:-201px;opacity: 1}
    100% { margin-top:-202px;opacity: 1}
}
.row-cartoon-fly{width: 100%; height: 500px; position: relative; top: -500px; left: -63px;}
.fly1{position: absolute;width: 20px;top: 70%;left: 18%;z-index: 30;animation: 3s 0s fly1 infinite steps(10);}
@keyframes fly1 {
     0% { top:70%;opacity: 1}
     10% { top:68%;opacity: 0.8}
     20% { top:65%;opacity: 0.6}
     30% { top:62%;opacity: 0.4}
     40% { top:58%;opacity: 0.2}
     50% { top:53%;opacity: 0.1}
     60% { top:53%;opacity: 0}
     70% { top:53%;opacity: 0}
     80% { top:53%;opacity: 0}
     90% { top:70%;opacity: 0}
     100% { top:70%;opacity: 0}
 }
.fly2{position: absolute;width: 20px;top: 70%;left: 71%;z-index: 30;animation: 3.5s 0s fly2 infinite steps(10);}
@keyframes fly2 {
    0% { top:70%;opacity: 0}
    10% { top:70%;opacity: 0.8}
    20% { top:68%;opacity: 0.6}
    30% { top:66%;opacity: 0.4}
    40% { top:63%;opacity: 0.3}
    50% { top:59%;opacity: 0.2}
    60% { top:54%;opacity: 0.1}
    70% { top:54%;opacity: 0}
    80% { top:54%;opacity: 0}
    90% { top:70%;opacity: 0}
    100% { top:70%;opacity: 0}
}
.fly3{position: absolute;width: 20px;top: 50%;left: 47%;z-index: 10;animation: 3s 0s fly3 infinite steps(10);}
@keyframes fly3 {
    0% { top:50%;opacity: 0}
    10% { top:50%;opacity: 0}
    20% { top:49%;opacity: 0.8}
    30% { top:47%;opacity: 0.7}
    40% { top:44%;opacity: 0.6}
    50% { top:40%;opacity: 0.4}
    60% { top:35%;opacity: 0.2}
    70% { top:30%;opacity: 0.1}
    80% { top:30%;opacity: 0}
    90% { top:50%;opacity: 0}
    100% { top:50%;opacity: 0}
}
.fly4{position: absolute;width: 15px;top: 78%;left: 25%;z-index: 30;animation: 2s 0s fly4 infinite steps(10);}
@keyframes fly4 {
    0% { top:78%;opacity: 0}
    10% { top:78%;opacity: 1}
    20% { top:76%;opacity: 0.8}
    30% { top:74%;opacity: 0.7}
    40% { top:71%;opacity: 0.6}
    50% { top:67%;opacity: 0.4}
    60% { top:62%;opacity: 0.2}
    70% { top:62%;opacity: 0}
    80% { top:62%;opacity: 0}
    90% { top:78%;opacity: 0}
    100% { top:78%;opacity: 0}
}
.fly5{position: absolute;width: 15px;top: 85%;left: 77%;z-index: 30;animation: 2.5s 0s fly5 infinite steps(10);}
@keyframes fly5 {
    0% { top:77%;opacity: 0}
    10% { top:77%;opacity: 0}
    20% { top:77%;opacity: 1}
    30% { top:74%;opacity: 0.8}
    40% { top:73%;opacity: 0.7}
    50% { top:71%;opacity: 0.6}
    60% { top:69%;opacity: 0.4}
    70% { top:66%;opacity: 0.1}
    80% { top:66%;opacity: 0}
    90% { top:77%;opacity: 0}
    100% { top:77%;opacity: 0}
}
.fly6{position: absolute;width: 15px;top: 45%;left: 30%;z-index: 30;animation: 3s 0s fly6 infinite steps(10);}
@keyframes fly6 {
    0% { top:45%;opacity: 0}
    10% { top:45%;opacity: 0}
    20% { top:45%;opacity: 0}
    30% { top:45%;opacity: 1}
    40% { top:43%;opacity: 0.9}
    50% { top:41%;opacity: 0.8}
    60% { top:38%;opacity: 0.7}
    70% { top:35%;opacity: 0.5}
    80% { top:31%;opacity: 0.3}
    90% { top:27%;opacity: 0.1}
    100% { top:27%;opacity: 0}
}
.fly7{position: absolute;width: 20px;top: 70%;left: 60%;z-index: 30;animation: 2s 0s fly7 infinite steps(10);}
@keyframes fly7 {
    0% { top:70%;opacity: 0}
    10% { top:70%;opacity: 0}
    20% { top:70%;opacity: 0}
    30% { top:70%;opacity: 1}
    40% { top:68%;opacity: 0.9}
    50% { top:66%;opacity: 0.8}
    60% { top:64%;opacity: 0.7}
    70% { top:61%;opacity: 0.5}
    80% { top:58%;opacity: 0.3}
    90% { top:54%;opacity: 0.1}
    100% { top:54%;opacity: 0}
}
.fly8{position: absolute;width: 20px;top: 70%;left: 33%;z-index: 30;animation: 2.5s 0s fly8 infinite steps(10);}
@keyframes fly8 {
    0% { top:70%;opacity: 0}
    10% { top:70%;opacity: 0}
    20% { top:70%;opacity: 0}
    30% { top:70%;opacity: 1}
    40% { top:68%;opacity: 0.9}
    50% { top:66%;opacity: 0.8}
    60% { top:64%;opacity: 0.7}
    70% { top:61%;opacity: 0.5}
    80% { top:58%;opacity: 0.3}
    90% { top:54%;opacity: 0.1}
    100% { top:54%;opacity: 0}
}
.fly9{position: absolute;width: 20px;top: 64%;left: 47%;z-index: 10;animation: 3s 0s fly9 infinite steps(10);}
@keyframes fly9 {
    0% { top:64%;opacity: 0}
    10% { top:64%;opacity: 0}
    20% { top:64%;opacity: 0}
    30% { top:64%;opacity: 1}
    40% { top:62%;opacity: 0.9}
    50% { top:60%;opacity: 0.8}
    60% { top:57%;opacity: 0.7}
    70% { top:54%;opacity: 0.5}
    80% { top:50%;opacity: 0.3}
    90% { top:45%;opacity: 0.1}
    100% { top:45%;opacity: 0}
}
.fly10{position: absolute;width: 20px;top: 43%;left: 65%;z-index: 10;animation: 3s 0s fly10 infinite steps(10);}
@keyframes fly10 {
    0% { top:43%;opacity: 0}
    10% { top:43%;opacity: 1}
    20% { top:41%;opacity: 0.8}
    30% { top:39%;opacity: 0.7}
    40% { top:36%;opacity: 0.6}
    50% { top:33%;opacity: 0.4}
    60% { top:29%;opacity: 0.2}
    70% { top:24%;opacity: 0.1}
    80% { top:19%;opacity: 0}
    90% { top:19%;opacity: 0}
    100% { top:19%;opacity: 0}
}