/* font-family: arial,"Hiragino Sans GB","Microsoft Yahei","΢���ź�","����",Tahoma,Arial,Helvetica,STHeiti;*/
/* nav */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0;  padding: 0;  border: 0;  font: inherit;  font-size: 100%;
    vertical-align: baseline;}
html {line-height: 1;}
ol, ul {list-style: none;}
table{border-collapse: collapse;  border-spacing: 0;  }
caption, th, td {text-align: left;vertical-align: middle;  }
q, blockquote {quotes: none;  }
q:before, q:after, blockquote:before, blockquote:after {content: "";content: none;  }
a img {border: none;}
i,em{ font-style: normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section,
summary{display: block;}
/*css varlues begin*/
/*css varlues end*/
/*common style  begin*/
body, html,div, ul, li, ol, dl, dt, dd, a, img, input, textarea, h1, h2, h3, h4, h5, p {padding: 0;margin: 0;
    font-family:"Microsoft Yahei", arial,"Hiragino Sans GB","΢���ź�","����",Tahoma,Arial,Helvetica,STHeiti;font-size: 12px;  }
ul, li, ol, dd, dl, dt, img {  padding: 0;  margin: 0;  list-style: none;  }
body{overflow-x:hidden; background: #fff;}
a {text-decoration: none;  color: #333;  }
a:visited {text-decoration: none;  }
a:hover {text-decoration: none;}
a:active {text-decoration: none;  }
img {border: none;  font-size: 0;line-height: 0;vertical-align: middle;}
.clearfix:after {content: " ";display: block;clear: both; height: 0;  }
.clearH { font-size: 0;line-height: 0;  }
.clearfix {zoom: 1;  }
.clearfix{ zoom:1;}
.clearfix:after{ content:''; height:0px; line-height:0px; clear:both; display:block;}
body{
    /* background: #0888b4 ; */
    width: 100%;
	overflow:hidden;
}
.header {
    height: 80px;
    padding-top: 20px;
}
.box{
    width: 100%;
    overflow: hidden;
    background: url(../images/login_bg.jpg) no-repeat center center;
    background-size: auto;
}
.login_pc{float: left;margin-left: 7.8%;width: 25.8%;}
.login_pc img{width: 100%; display: block;}
.form-signin{width: 313px;
    padding:3% 5% 2.3%;
    float: right;
    margin:4% 20% 0 0;
    border:1px solid white;
    background-color:rgba(255,255,255,0.7)!important;
    background:#fff;
    filter:Alpha(opacity=80);
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    -o-border-radius:15px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.20);
    overflow: hidden;
}
.form-signin-heading{ font-size: 24px; color: #0180b1;margin-bottom: 4.5%;
text-align: center;}
.login_input{
    width: 100%;
    background: #fff;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    min-height: 50px;
    margin-bottom: 1.5%;
}
.login_input img{border-right:1px solid #f1ecf5;padding:0 20px;float: left;margin-top: 15px;}
.login_input input{
    float: left;
    margin-left: 10px;
    font-size: 16px;
    height: auto;
    padding: 14px 36px 14px 0;
    _padding: 14px 14px 16px 0;
    background: #fff;
    border: none;
    box-shadow:none;
    list-style: none;
    outline:none;
}
.login_input input:hover{  box-shadow:none;  }
.login_input input:focus {  box-shadow:none;  }
.login_input1{margin-top: 10px;}
.login_input1 img{top: 6px;}
.form-signin .btn-primary{background: #54bae1;width: 100%;border: none;margin-top: 10px;}
.form-signin label{margin: 16px auto 0;font-weight: normal;}
.form-signin label input{color: #535c67;font-size: 14px; margin: 0;}

@media (max-width: 1600px){  .form-signin {margin: 3% 10% 0 0;  }  }
@media (max-width: 1200px){.login_pc{width: 28%;}}
@media (max-width: 900px){
    .login_pc{width: 30%;}
    .form-signin { padding: 1.5% 3% 2.3%;  }
}
@media (max-width: 700px){
    .form-signin { padding: 1.5% 2.6% 2.3%; width: 280px;margin: 3% 8% 0 0; }
    .login_input input{
        margin-left: 10px;
        padding: 14px 4px 6px 0;
        _padding: 14px 4px 8px 0;
    }
    .form-signin .btn-primary{margin-top:10%;}
    .form-signin label{margin: 6px auto 0;}
    .login_pc{width: 35%;margin-left: 3%;}
}
.footer{color:#fff;font-size:14px; margin-top: 7%; text-align: center;height: 20px;line-height: 20px;}
.footer a{color:#fff;font-size:14px;}
#messageBox{margin-top:10px;}
.alert{padding: 0px 35px 8px 14px!important;}