.login-bg{height: 500px; background:url("../images/login-01-bg01.jpg") no-repeat center;}
.login-bg .w{width: 1190px; height: 420px; margin: 0 auto; position: relative;}
.login-bg .l-main{width: 390px; min-height: 380px; background-color: #fff; position: absolute; right: 20px; top: 40px; box-shadow: 0 0 0 5px rgba(0,0,0,0.2); border-radius: 3px;}
.login-bg .l-main .mt{width: 320px; height: 42px; padding-top: 25px; margin: 0 auto; overflow: hidden;}
.login-bg .l-main .mt a{display: block; width: 150px; height: 39px; line-height: 39px;border-bottom: 3px solid #ebebeb; margin: 0 5px; float: left; text-align: center; color: #999; font-size: 16px;_margin: 0 2px;}
.login-bg .l-main .mt .cur{border-bottom: 3px solid #2fbdc8; font-size: 18px; color: #2fbdc8;}

.login-bg .l-main .mc{width: 320px; padding-top: 15px; margin: 0 auto;}
.login-bg .l-main .mc .item-fore1{width: 320px; height: 41px; margin-bottom: 19px; overflow: hidden;}
.login-bg .l-main .mc .item-fore1 input{width: 268px; height: 38px; color: #666666; font-size: 14px; line-height: 38px; padding-left: 50px; border: 1px solid #bdbdbd; background: url("../images/login-01-user.png") no-repeat 12px center;}
.login-bg .l-main .mc .item-fore2{width: 320px; height: 41px; overflow: hidden;}
.login-bg .l-main .mc .item-fore2 input{width: 268px; height: 38px; color: #666666; font-size: 14px; line-height: 38px; padding-left: 50px; border: 1px solid #bdbdbd; background: url("../images/login-01-psw.png") no-repeat 14px center;}
.login-bg .l-main .mc .item-fore3{width: 320px; height: 41px; overflow: hidden;margin-top: 19px;display: none}
.login-bg .l-main .mc .item-fore3 input{width: 100px; height: 38px; color: #666666; font-size: 14px; line-height: 38px; padding-left: 50px; border: 1px solid #bdbdbd;}
.login-bg .l-main .mc .forget{height: 41px; width: 315px; text-align: right; padding-right: 5px;}
.login-bg .l-main .mc .forget a{ color: #999; position: relative; right: 0; top: 5px;display: inline-block;float: right; }
.login-bg .l-main .mc .forget a:hover{text-decoration: underline; color: #2fbdc8;}
.login-bg .l-main .mc .l-btn{display: block; border: 1px solid #1da5b0; border-radius: 2px; text-align: center; line-height: 38px; background-color: #2fbdc8; font-size: 20px; color: #fff;}
.login-bg .l-main .mc a:hover.l-btn{background-color: #1da5b0;}

.login-bg .l-main .mc .coagent{padding-left: 10px; margin-top: 30px; width: 310px;}
.login-bg .l-main .mc .coagent h5{line-height: 22px; color: #999;}
.login-bg .l-main .mc .coagent ul{width: 300px; height: 44px; margin-top: 7px; overflow: hidden;}
.login-bg .l-main .mc .coagent ul li{float: left; height: 22px; margin-right: 8px;}
.login-bg .l-main .mc .coagent ul li span{color: #999; padding: 0 4px; line-height: 22px;}
.login-bg .l-main .mc .coagent ul li a{line-height: 22px; color: #333333;}
.login-bg .l-main .mc .coagent ul li a:hover{text-decoration: underline; color: #2fbdc8;}


.login-bg .l-main .mc #alert{ background:url(../images/register_line01.gif) repeat-x;height: 25px;}
.login-bg .l-main .mc #alert2{ background:url(../images/register_line01.gif) repeat-x;height: 25px;}
.login-bg .l-main .mc #alert3{ background:url(../images/register_line01.gif) repeat-x;height: 25px;}
.login-bg .l-main .mc #alert .l-l{ float:left; display:inline; background:url(../images/register_line03.gif) no-repeat; width:3px; overflow:hidden; height:27px;}
.login-bg .l-main .mc #alert .t-b{ float:left; display:block; height:22px; padding-left:8px;padding-right: 5px; padding-top:5px; overflow:hidden; color:#666;}
.login-bg .l-main .mc #alert .t-b img{ vertical-align:middle;}
.login-bg .l-main .mc #alert .r-l{ float:right; display:inline; background:url(../images/register_line02.gif) no-repeat; width:3px; overflow:hidden; height:27px;}
.login-bg .l-main .mc #alert2 .r-l{ float:right; display:inline; background:url(../images/register_line02.gif) no-repeat; width:3px; overflow:hidden; height:27px;}
.login-bg .l-main .mc #alert2 .l-l{ float:left; display:inline; background:url(../images/register_line03.gif) no-repeat; width:3px; overflow:hidden; height:27px;}
.login-bg .l-main .mc #alert2 .t-b{ float:left; display:block; height:31px; padding-left:8px;padding-right: 5px; padding-top:5px; overflow:hidden; color:#666;}
.login-bg .l-main .mc #alert2 .t-b img{ vertical-align:middle;}
.login-bg .l-main .mc #alert2 .r-l{ float:right; display:inline; background:url(../images/register_line02.gif) no-repeat; width:3px; overflow:hidden; height:27px;}
.login-bg .l-main .mc #alert3 .l-l{ float:left; display:inline; background:url(../images/register_line03.gif) no-repeat; width:3px; overflow:hidden; height:27px;}
.login-bg .l-main .mc #alert3 .t-b{ float:left; display:block; height:22px; padding-left:8px;padding-right: 5px; padding-top:5px; overflow:hidden; color:#666;}
.login-bg .l-main .mc #alert3 .t-b img{ vertical-align:middle;}
.login-bg .l-main .mc #alert3 .r-l{ float:right; display:inline; background:url(../images/register_line02.gif) no-repeat; width:3px; overflow:hidden; height:27px;}