@charset "utf-8";
/* CSS Document */

*{margin: 0; padding: 0;}

body { width: 100%; height: 100%; background1: #5293b3; background: url(../images/login-bg1.jpg) top left no-repeat;}
.logo { width:240px; height: 78px; background: url(../images/logo.png) no-repeat; margin-left: 25px; }


.message_wrap {
    width: 280px;
    height: 120px;
    margin: 170px auto 0;
    padding: 25px 25px 25px 193px;
    color: #61687b;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    border-radius: 10px;
    position: relative;
    border: solid 1px #fff;
    background-color: rgba(255, 255, 255, .5);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .35);
}



.message_wrap h1 {
    margin-bottom: 10px;
    color: #e4212a;
    font-size: 16px;
}
.message_wrap span {
    font-size: 16px;
    margin-bottom: 18px;
    display: block;
}
.message_wrap h4 {
    font-size: 14px;
    font-weight: normal;
}





.message_wrap:after { width:150px; height: 120px; background: url(../images/desk.png) no-repeat;  position: absolute; content: ""; left:8px; top: 20px;}











@media (min-width: 320px) and (max-width: 767px) {
	
	.message_wrap {width:27%; height: auto; margin:40px auto 0; padding: 25px 25px 25px 170px;	}
	.message_wrap:after {width: 160px; top: 15px;}
	
	
	
	
}