body {
    /*background-color:#ddd;*/
    /*font-family:'Microsoft YaHei','微软雅黑';*/
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}


.logoDiv {
    position:absolute;
    left:80%;
    top:20px;
    margin-left:-42px;
    
}
.logoDiv .logoImg {
    /*background:url("/Content/images/login/logo100.png") no-repeat center center;*/
    width:42px;
    height:42px;
}

.simpleInfo {
    position:absolute;
    width:60%;  
    top:30% ;
    left:20%;
}

/*平台信息*/
.platformInfo {
    text-align:center; 
}


.platformInfo .piName{
    /*font-family: Menlo,Monaco,Consolas,"Courier New",monospace;*/
    font-size:45px;
}
.platformInfo .piVersion {
    font-size:16px;
    margin-left:5px;
    color:#666;
}

/*中间线*/
.longLine {   
}

.longLine .line {
    width:20%;
    height:2px;
    float:left;  
}
.longLine .line1 {
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1ABC9C',endColorStr='#F1C40F',gradientType='1');   /*IE10以下*/
    background: -o-linear-gradient(left,#1ABC9C, #F1C40F);   /*opera*/
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#1ABC9C), to(#F1C40F));/*chrome/Safari*/
    background:-moz-linear-gradient(left, #1ABC9C, #F1C40F); /*firefox*/
    background:-ms-linear-gradient(left,#1ABC9C, #F1C40F); /*IE10或以上*/
    
}

.longLine .line2 {
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1C40F',endColorStr='#3498DB',gradientType='1');   /*IE10以下*/
    background: -o-linear-gradient(left,#F1C40F, #3498DB);   /*opera*/
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#F1C40F), to(#3498DB));/*chrome/Safari*/
    background:-moz-linear-gradient(left, #F1C40F, #3498DB); /*firefox*/
    background:-ms-linear-gradient(left,#F1C40F, #3498DB); /*IE10或以上*/
}

.longLine .line3 {
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3498DB',endColorStr='#9B59B6',gradientType='1');   /*IE10以下*/
    background: -o-linear-gradient(left,#3498DB, #9B59B6);   /*opera*/
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#3498DB), to(#9B59B6));/*chrome/Safari*/
    background:-moz-linear-gradient(left, #3498DB, #9B59B6); /*firefox*/
    background:-ms-linear-gradient(left,#3498DB, #9B59B6); /*IE10或以上*/
}
.longLine .line4 {
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#9B59B6',endColorStr='#34495E',gradientType='1');   /*IE10以下*/
    background: -o-linear-gradient(left,#9B59B6, #34495E);   /*opera*/
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#9B59B6), to(#34495E));/*chrome/Safari*/
    background:-moz-linear-gradient(left, #9B59B6, #34495E); /*firefox*/
    background:-ms-linear-gradient(left,#9B59B6, #34495E); /*IE10或以上*/
}
.longLine .line5 {
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#34495E',endColorStr='#E74C3C',gradientType='1');   /*IE10以下*/
    background: -o-linear-gradient(left,#34495E, #E74C3C);   /*opera*/
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#34495E), to(#E74C3C));/*chrome/Safari*/
    background:-moz-linear-gradient(left, #34495E, #E74C3C); /*firefox*/
    background:-ms-linear-gradient(left,#34495E, #E74C3C); /*IE10或以上*/
}

.longLine .lineWord {
    color:#666;
    font-size:26px;
    font-weight:bolder;
    line-height:1.9em;
    /*margin-left:20px;*/
}


/*登录区域*/
.loginDiv {
    position:fixed;
    width:60%;     
    bottom:100px;
    left:20%;   
    text-align:right; 
    /*margin-top:100px;*/
}
.imgValidateCode {
    cursor:pointer;
    margin: -5px 3px 0;
    height:26px;
}

.copyRight {
   margin:15px 0 10px 0;
}

/*验证码部分*/
.twi-md-modal {
   min-width:300px;
}
#twiSkinModal .mayErrItm {
    margin-left:20px;
}
#twiSkinSave {
     min-width:120px;
     font-weight:bolder;
}
#twiSkinTitle {
   cursor:pointer;
}
.twi-md-content {
    padding-bottom:10px;
}
.validateInfo {
     text-align:left; 
     background:#fff;
     color:#000000;
}
#validateInfo {
    margin:10px;
}
.validateMsg {
   margin:10px 0 ;
   font-size:26px;
}



@media (max-width: 767px) {
    .simpleInfo {
        width: 80%;
        left: 10%;
    }    
    .platformInfo .piName{        
        font-size:28px;
    }    
    .longLine .lineWord {
        font-size:20px;
    }
    .loginDiv {
        width:80%; 
        left:10%; 
        bottom:50px;  
    }
    .poweredBy {
        display:block;
        line-height:2em;
    }
    #twiSkinTitle {
        font-size:1.5em;
    }
    #twiSkinModal .mayErrTitle {
        font-size:0.9em;
    }
    #twiSkinModal .mayErrItm {
        margin-left:10px;
        font-size:0.8em;
    }
    #twiSkinSave {
         min-width:80px;
    }
    .twi-md-content > div {
        padding: 5px 15px 10px;
    }
    .validateInfo .validateMsg {
         font-size:18px;
    }
    .validateMsg {
       margin:5px 0 ;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .platformInfo .piName{        
        font-size:36px;
    }
    .longLine .lineWord {
        font-size:24px;
    }    
    #twiSkinTitle {
        font-size:2em;
    }
    #twiSkinModal .mayErrTitle {
        font-size:1em;
    }
    #twiSkinModal .mayErrItm {
        margin-left:15px;
        font-size:0.9em;
    }
    #twiSkinSave {
         min-width:100px;
    }
    .twi-md-content > div {
        padding: 5px 20px 10px;
    }
     .validateInfo .validateMsg {
         font-size:22px;
    }
    .validateMsg {
       margin:8px 0 ;
    }
}

@media (max-height: 400px) {
    .loginDiv {    
        bottom:10px;
    }
}
@media (max-height: 500px) {
    .simpleInfo {
        top:20%;
    }    
    .longLine .lineWord {
        font-size:20px;
    }
    .loginDiv {    
        bottom:10%;
    }
    
     .validateInfo .validateMsg {
         font-size:16px;
    }
}