@media screen and (min-device-width: 481px){
/*header*/
.header{width:1000px;height:35px;background-color: #fff;margin: auto;}
.header .coocaa{background:url(../img/coocaa.jpg) no-repeat; width:180px; height:21px; display:block; margin-top:19px;cursor: pointer;}
/*content*/
.login{ background:url(../img/ad_bg.jpg) no-repeat center; }
.login .login_box{position: absolute;top: 10%;left: 60%;}
/*footer*/
.footer{line-height:40px; text-align:center; font-size:12px; color:#7d7d7d;background-color: #fff;}
}

@media screen and (max-device-width: 480px){
    /*header*/
    .header{width:515px;height: 59px;margin:230px auto 0;}
    .header .coocaa{background:url(http://img.coocaa.com/ui/ccwap/formal/img/logo-land.png) no-repeat;width: 100%;height: 100%;}
    /*content*/

    /*footer*/
    .footer{display: none;}
}