* {
    margin:0px;
    padding:0px;
}
html, body {
    overflow:hidden;
}
body{line-height:1.666;background-color:#1370A6}
body,select,input,h1,h2,h3{font-size:12px}
body,input,select{font-family:verdana}
body,form,p,img{margin:0;padding:0;border:0}
input{margin:0;padding:0}

button,input,img{line-height:normal;outline:none;}
ul,li{list-style:none}
article,aside,footer,header,hgroup,nav,section{display: block}
a{color:#fff;text-decoration:none}
a:hover{text-decoration:underline}
.ipt-c{width:16px;height:16px;vertical-align:middle;padding:0}

.page,html,body{width:100%;height:100%}
.page{min-width:689px;min-height:435px;position:relative;+zoom:1}
/* 行内元素 */
.btn,
.ico,
.tab-list{display:inline-block;+display:inline;+zoom:1;vertical-align:middle}

/* 背景 */
.btn,
.ico{background-image:url(../images/imgs.png);
     _background-image:url(../images/imgs.png);
     *background-image:url(../images/imgs.png); 
     background-repeat:no-repeat}
/* 图标 */
.ico-logo{height:30px;background-position:0 0}
.ico-logo-shouji{width:139px;height:35px;background-position:0 -90px}

.ico-checkbox{width:14px;height:14px;background-position:-56px -67px}
/** 账号、密码图标 **/
.mail-shouji .user .ico{width:15px;height:23px;background-position: -0px -63px}
.mail-shouji .pass .ico{width:15px;height:23px;background-position: -19px -63px}

.ipt-wraper-checked .ico-checkbox{background-position:-37px -67px}
/* 按钮 */
.btn{border:none;width:64px;height:61px}
/*.btn-login{background-position:0px -74px}
.btn-login-hover{background-position:-112px -64px}
.btn-login-active{background-position:-224px -64px}*/

/*.btn-login{background-color:white;}
.btn-login-hover{background-position:-72px -0px}
.btn-login-active{background-position:-143px 1px}*/

/* 输入框 */
.ico-checkbox{position:relative;
              top:3px;
              _top:-1px;
              *top:-3px;
              margin-right:-2px;
}

/* tab panel 登录面板*/
.tab-panel{width:460px;height:150px;border-color:#CDCDCD;border-width:0;border-style:solid;position:relative;z-index:10;+zoom:1;}
.tab-panel .form{padding:0 60px}


.form .options{position:relative;+zoom:1}
/*** 控制首次使用的位置 ***/
.form .options .lable-wraper{position:absolute;right:50px;top:0;color:#7a8698}
.form .options .ext{position:absolute;right:0;top:0;color:#7a8698}
.form .options .ext:hover{color:red}
/*** 控制用户名和密码之间的宽度 ***/
.form .user,
.form .pass{margin-top:8px}
.form .user{z-index: 1}
.form .options{margin-top:16px}
/*** 控制文本框前面的图片位置 ***/
.form .user .ico{position:absolute;left:10px;top:4px;display:none}
.form .pass .ico{position:absolute;left:10px;top:4px;display:none}

/* 输入框 */
.ipt-t{line-height:0;font-size:0;position:relative;+zoom:1;height:28px;width:240px;border-bottom:2px solid #fff;padding-left:8px ;font-family:'Microsoft Yahei';z-index: 1;}

.ipt-t input{width:211px;outline:none;background:none;border:0px solid red;margin:0;padding:5px 1px;font-size:14px;line-height:normal;font-weight:bold;margin-top:1px;}

.ipt-t label{position:absolute;left:0;top:4px;line-height:normal;color:#90A2BC}
/*控制登陆按钮的位置*/
.ipt-t .btn-login{position:absolute;top:-30px;right:-90px;cursor:pointer;}


/* 顶部 */
header{position:relative;z-index:11;height:70px;}
header .bg{position:absolute;z-index:2;left:0;top:0;width:100%;height:85px;background-color:#034780;opacity:1;
           /*background-image:url('../images/logo.png');*/
           background-repeat:no-repeat;background-position:left;}
header .inner{position:relative;z-index:3;width:680px;margin:0 auto;}
header 
header .ext{position:absolute;right:0;line-height:normal;top:15px;opacity:0.4;filter:alpha(opacity=40)}
/* 主要 */
.main{position:relative;z-index:10}
.main .inner{width:680px;margin:0 auto;position:relative;+zoom:1}
.tab{position:relative;+zoom:1}
/* 设置中间登录框的居中位置 */
.tab-panel{position:absolute;left:110px;top:50px}

/* 底部 */
.copyright{text-align:left;position:absolute;z-index:10;bottom:0;left:0;width:100%;height:85px}
.copyright .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#034780;}

/* 主题背景 */
.theme{overflow:hidden;position:absolute;z-index:5;width:100%;height:100%;left:0;top:0;background:url('../images/bg.jpg') center center no-repeat;}

.mail-shouji .form a .ico-rArr{margin-left:4px}
.mail-shouji .form a:hover{color:#2475B5}
.mail-shouji .form a:hover .ico-rArr{background-position:-336px -144px}
.mail-shouji .form{color:#7A8698}

.mail-shouji .user .placeholder{text-indent:36px;}
.mail-shouji .user input{width:200px;margin-left:24px;}
.mail-shouji .user .ico{display:block;}

.mail-shouji .pass .placeholder{text-indent:36px;}
.mail-shouji .pass input{width:200px;margin-left:24px;}
.mail-shouji .pass .ico{display:block;}

/** 控制按钮背景 **/
.mail-shouji .ipt-t .btn-login{background-color:#B9DCEF;background-position:0 -0px;}
.mail-shouji .ipt-t .btn-login-hover{background-position:-72px -0px}
.mail-shouji .ipt-t .btn-login-active{ 
    background-position:-143px 1px;
    _background-position:-144px 0px;
    *background-position:-144px 0px;
}

.bd .showPlaceholder .placeholder{visibility:visible;cursor:text;}
.bd .placeholder{font-size:16px;position:absolute;background:none;width:200px;visibility:hidden;}
.qywx_login {
    height: 40px;
    width: 280px;
    margin-top: 20px;
    /*margin-left: 24px;*/
    border-top: thin dashed #660099;
}