@charset "utf-8";
/* CSS Document */
body{font-size:14px;overflow:hidden; margin:0; padding:0; background-color:#fafafa;}
body, th, td, button, input, select, textarea {
    font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";
    font-size: 12px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
li{ list-style:none}
a{ text-decoration:none}


.header,.footer{ position:absolute; left:0; right:0; width:100%; z-index:99}
.header{top:0; height:60px; background:url(../images/logo-1.png) no-repeat 0 center; width:100%; max-width:1000px; margin:0 auto}
.loginWraper-1{ position:absolute;width:100%; left:0; top:0; bottom:0; right:0; z-index:1; background:#fff url(../images/bg.jpg) no-repeat center}
.login-box{ position:absolute; width:100%; max-width:400px; height:330px; background:#fff; left:50%; top:50%; margin-left:-180px; margin-top:-184px; padding-top:18px; border-right:1px #DAEDF7 solid; border-radius:5px; box-shadow:0 3px 5px #018DAE; padding-bottom:30px}

.login-box .row-box{margin-top:25px;}
.login-box .row-box .form-label .iconfont{ font-size:24px}

.login-box .input-text{ 
    width: 270px;
    height: 42px;
    margin-top: 25px;
    padding: 0 15px;
    background: #fff url(../images/icon-2.png) no-repeat 3px center;
    font-size: 14px;
    color: #ccc;
    text-shadow: 0 1px 2px rgba(0,0,0,.1); display:block; margin:auto; border:#ccc 1px solid; border-radius:3px; text-indent:1.5em} 
.login-box .input-pwd{ background: #fff url(../images/icon-3.png) no-repeat 3px center;}
.input-text:focus{ background-color:#fff;color:#444}
.yzm a{ color:#426374; font-size:12px}

#span_msg{ font-size:14px; color:Red; line-height:40px; height:40px; margin-left:10px; width:160px;; float:left}

.hd_msg{font-size:12px; color:#fff; height:30px; z-index:100;position: absolute; padding-left:50px; padding-top:5px}
.hd_msg a{ color:#fff}
.hd_msg a:hover{ color:#fff; text-decoration:underline}

.footer{ height:46px; line-height:46px; bottom:0; text-align:center; color:#444; font-size:12px;}

#ie6-warning{background:#fff url(/jscss/demoimg/201006/warning.gif) no-repeat 3px center;position:absolute;top:0;left:0;font-size:12px;color:#333;width:97%;padding: 2px 15px 2px 23px;text-align:left}
#ie6-warning a {text-decoration:none}
.input-text.size-1,.btn.size-1 { height: 41px;padding: 8px;box-sizing: border-box;line-height: 1.42857;}
.form-tal .form-label {
    margin-top: 3px;
    cursor: text;
    text-align: right;
    padding-right: 10px;
}
.form-label {
    display: block;
    color: #555;
}

.btn {
    display:block;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
    border: solid 1px #ddd;
    width:100%; max-width:270px; padding:0px 15px; margin:0 auto
}
.btn-success {
    color: #fff;
    background-color: #018DAE;
    border-color: #018DAE; border-radius:5px
}
.title{ margin:0; padding:0; font-size:20px; text-align: center;color:#018DAE;}

/*主体*/
#header{background:#018DAE;width:100%;text-align:center; overflow:hidden; padding:4px 0px; position:relative}
.content-box{ width:1200px; margin:0 auto}
.logo{font-size:14px;color:#fff;float:left; width:165px; }
.logo img{ vertical-align:middle}
.logo span{}
.head-title{ float:left; text-align:center;color:#fff;font-size:18px;  position:absolute; top:10px; width:800px; font-weight:600; text-shadow:0 5px 4px #000; left:0; right:0; margin:10px auto 0px;}
.navigation{float:right;margin:5px 0px;color:#fff;font-size:14px; width:200px; }
.navigation ul li{height:30px;line-height:30px;text-align:center;float:left;margin-left:20px}
.navigation ul li a{color:#fff;}
.navigation ul li a:hover{ font-weight:bold}
#footer{background:rgba(0,0,0,0.6);width:100%;position:absolute;z-index:200;bottom:0;text-align:center;}
#footer p{text-align:center;color:#fbfbfb; width:1200px; margin:0 auto; padding:10px 0px}
#footer p span{ float:left;}
.form-byf{ width:760px; margin:30px auto; background-color:#fff; box-shadow:0 3px 5px #C3E4EC; padding:50px 0px; overflow:hidden}
.form-byf .input-box,.area-box{ overflow:hidden; width:360px ; float:left}
.input-box label,.area-box label{ width:150px; text-align:right; font-size:14px;color:#444; line-height:40px; float:left}
.area-box label{ vertical-align:text-top;line-height:inherit}
.form-byf input{ width:200px; float:left; height:40px; font-size:14px;color:#888; text-align:center}
.form-byf textarea{ height:40px; width:200px;color:#888}
.form-byf input,.form-byf textarea{border:#e1e1e1 1px solid; background-color:#fafafa; resize:none; color:#444;}
@media (max-width:617px) {
	.header{top:0; height:80px;}
	.loginWraper-1{ position:absolute;width:100%;  z-index:1; padding:5% 0px;}
	
	.login-box{position:static;}
	.login-box .input-text,.btn-success { width:70%; }

	.login-box .iconfont{display:none;}
	.login-box{ width:80%; padding:0; margin:110px auto 0px;}
	.form{ margin-top:0px; padding-top:10px}
	.login-box .row-box{margin-top:15px;}
	
}