/* CSS Document */
*{margin:0; padding:0; border:0;}
input{outline: none;}
select{ outline: none; }
body {background:#fff; font-family:"microsoft yahei"; font-size:14px;}
li {list-style:none;} 
#wrap {width:100%; height:auto; background:#046bb6; margin:0 auto; overflow: hidden;}
#main{ width: 1920px; height: 840px; left: 50%; margin-left: -960px; background:url('../image/main.jpg') left no-repeat;position: relative;}
#mainmid{ width: 1200px; height: 840px; margin: 0 auto;}
#mainlf{ width: 650px; height: 840px; float: left; background:url('../image/pic.png') right bottom no-repeat;position: relative;}
#mainlf .logo{ width: 410px; height: 53px; left: 28px; top: 106px; position: absolute; animation: fadeinR 1s;}
#mainlf .word1{ width: 411px; height: 25px; left: 170px; top: 240px; position: absolute; animation: fadeinL 1s;}
#mainrt{ width: 490px; height: 840px; color: #292929; background: #fff; margin-right: 60px; float: right; }
#login {width:380px; height:450px; border-top: 1px #dedede solid; margin:0 auto; }   
#login li { width: 380px; height: 80px; line-height: 78px; border-bottom: 1px #dedede solid;}
#login li span{ width: 80px; height: 80px; text-align: right; padding-left: 5px; padding-right: 10px; font-size: 18px; display: block; float: left;}
#login li input{ width: 210px; height: 38px; background: #fff; border: 1px #e8e8e8 solid;  position:relative; }
#login li img{margin-left:8px; vertical-align:middle;*+margin-top:-10px;} 
.G_ul{ width: 400px; height:730px; margin: 0 auto; padding-top: 20px; }
.G_ul .title{ width:400px; height: 90px; line-height: 90px; text-align: right; font-size: 30px; display: block; }
.G_ul li{width: 400px; height: 50px; line-height: 50px;border-bottom: 1px #F7F6F6 dashed;}
.G_ul li .lf_span{ width: 80px; height: 50px; text-align: right; padding-right: 10px; font-size: 16px; display: block; float: left;}
.G_ul li .notice{ font-size: 12px; font-family: "宋体"; color: #0e7ccb; padding-left: 10px; }
.G_ul li input{ width: 234px; height: 34px; background: #fff; border: 1px #e8e8e8 solid; padding-left: 4px; position:relative; }
.G_ul li textarea{width: 234px; height: 60px; line-height: 20px; background: #fff; border: 1px #e8e8e8 solid; padding-left: 4px; position:relative;}
.prov{ width: 80px; height: 34px; background: #fff; border: 1px #e8e8e8 solid; padding-left: 4px; margin-top: 8px; float: left;}
.city{ width: 80px; height: 34px; background: #fff; border: 1px #e8e8e8 solid; padding-left: 4px; margin-top: 8px; float: left;}
.dist{ width: 80px; height: 34px; background: #fff; border: 1px #e8e8e8 solid; padding-left: 4px; margin-top: 8px; float: left;}

.apply{ width: 400px; height: 50px; line-height: 50px; font-size: 12px; color: #046bb6; font-family: "宋体"; text-align: right; border: none;}
#read{ width: 15px; height: 15px; background: #f3f3f3; border: 1px #c9c9c9 solid; vertical-align: -3px; padding-right: 5px; border-radius: 2px; }
#foot{ width:100%; height:145px; background:#fff;}
#ft_mid{ width: 1200px; height: 112px; color: #494949; font-size:14px; text-align: center; line-height: 26px; margin: 0 auto; padding-top: 20px; }
#ft_mid a{color: #494949; text-decoration: none;}
#username,#password {
  border:1px solid #d0d4d7;
  width: 200px;
  height: 30px;
  line-height:30px;
  text-indent: 8px;
  margin-left:5px;
  color:#666;
  font-family:"microsoft yahei";
}
.sub {width:250px; height: 50px !important; background: #0e7ccb !important; font-family: "微软雅黑";font-size: 20px; color: #fff; border: none; display: block; margin:10px auto 0;}
.sub:hover{ background: #f69c00 }
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fadeinR{-webkit-animation-name:fadeinR;animation-name:fadeinR;}
@-webkit-keyframes fadeinR{
  from{opacity:0; -webkit-transform:translate3d(-30px,0,0);}
  to{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@keyframes fadeinR{
  from{opacity:0; transform:translate3d(-30px,0,0);}
  to{opacity:1; transform:translate3d(0,0,0);}
}

.fadeinL{-webkit-animation-name:fadeinL;animation-name:fadeinL;}
@-webkit-keyframes fadeinL{
  from{opacity:0; -webkit-transform:translate3d(30px,0,0);}
  to{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@keyframes fadeinL{
  from{opacity:0; transform:translate3d(30px,0,0);}
  to{opacity:1; transform:translate3d(0,0,0);}
}