﻿

html {
    overflow: hidden;
}
body {
    height:100%;
}

/*背景轮播*/
#myNiceCarousel, .carousel-inner, .carousel-inner > .item {
    width:100%;
    height:100%;
}
 .carousel-inner >.item>img {
    width:100%;
    height:100%;
}

#loginForm:hover, #codeForm:hover {

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

#loginForm, #codeForm {
    width: 500px;
    min-height: 200px;
    left: 50%;
    top: 50%;
    margin-left: -350px;
    background-color: rgba(255, 255,255,0.7) !important;
    border-radius: 5px;
    position: fixed; /**/
    padding: 20px;
}
    #loginForm:hover, #codeForm:hover {
        box-shadow: 2px 2px 10px 3px #DDD;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear
    }
#codeImg {
    top: 0px;
    right: 0px;
    position: absolute;
}


#sysName {
    margin:10px 0px;
}

#loginContent > .row{
    padding:10px 40px;
}
#codeType>.col-sm-4 {
        margin:0px;
        text-align:center;
       
    }
#codeImages>.col-sm-4 {
       padding:0px 60px;
    }


.icon-qrcode {
    font-size: xx-large;
    float:right;
    color:#4d4d4d;
}
    .icon-qrcode:hover, .form-control {
        color: #35a496;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear
    }
#Logo {
    text-align:center;
}
#Logo>img {
    display:inline-block;
    height: 60px;
}
/*输入框边框  */
.row input.form-control,#language {
    border:1px solid white;
    -webkit-box-shadow:none;
     box-shadow:none; 
}
.form-control:focus, .form-control:hover {
    box-shadow:inset 0px 0px 0px rgba(46, 139, 87, .1);
}
.form-control:focus, .form-control:hover {
    border-color: #145ccd !important;
    border-top-color: rgb(20, 92, 205) !important;
    border-right-color: rgb(20, 92, 205) !important;
    border-bottom-color: rgb(20, 92, 205) !important;
    border-left-color: rgb(20, 92, 205) !important;
}



#loginBtn,#back >button{
    background-color:#35a496;
    color:white;
    text-shadow: none;
    border-color: #35a496;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .open .dropdown-toggle.btn {
    border-color: #35a496;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
}
.btn:focus {
    outline: 5px auto #008B45;
}
/*验证码*/
#codeRow {
     display:none;
}
/*注册信息*/
#copyright {
    text-align: center;
    position: fixed;
    bottom: 10%;
    width: 100%;
}
#copyright>a {
    margin:0px;
    text-decoration:none;
    color: #4d4d4d;
}
#codeForm {
    display:none;
}

/*二维码扫描部分*/
#codeType span {
    font-size: x-large;
    color:#717171;
}
#codeContent > .row > .col-md-6 {
    text-align:center;
    padding: 0px 20px;
}
    #codeContent > .row {
        padding:10px 0px;
    }
#back {
    text-align:center;
}
#back>button {
    display:inline-block;
    width:200px;
}
#regName {
    font-family: "微软雅黑",Arial,"宋体";
    font-size: 14px;
    color: #333;
    line-height: 1.6em;
}
/*1366*768*/
@media (max-height:768px) {
    #loginForm {
        width:450px;
    }
    #codeForm {
        width: 757px;
    }
    #loginForm {
        margin-left: -225px;
    }
    #loginContent>.col-md-12{
        margin:0px;
    }
    #Logo>img {
        height: 45px;
    }
    #loginContent > .row {
        padding: 5px 40px;
    }
    
    
}

/*1280*600*/
@media (max-height:600px) {
    #loginContent >.col-md-12{
        margin:0px 0px;
    }
    #Logo>img {
        height: 50px;
    }
    #loginContent > .row {
        padding: 5px 40px;
    }
    
    #codeType span {
        font-size: large;
    }
    .row > .col-md-6 {
        margin:0px;
    }
    #codeContent > .row > .col-md-6 {
        text-align: center;
        padding: 0px 40px;
    }
    #back {
        padding:10px 40px !important;
    }
}
