body {
    margin: 0;
    background: #32b7f0;
    font-family: Calibri, Arial !important;
}

h4, h3, h5, h6 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.LoginMainBanner {
    width: 287px;
    height: 300px;
    margin: 13% auto;
    
}

    .LoginMainBanner .LogoBanner {
        width: 100%;
        text-align: center;
        display:block;
    }

    .LoginMainBanner .LogoMainText {
        height: auto;
        font-size: 42px;
        color: #fff;
        font-weight: normal;
        margin: 20px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        
        
    }

    .LoginMainBanner .LogoAreaDiv {
        width:287px;
        height: 50px;
        font-size: 18px;
        border-radius:8px;
        color: #737171;
        font-weight: normal;
        margin: 10px 0px 10px 0px;
        padding: 0px 10px 0px 10px;
        border:1px solid #20a5de;
        background-color:#e8f1a0;
        

        /*border: #2face1 solid 1px;*/
    }

    .LoginMainBanner .Forgetpass {
        width: 100%;
        height: auto;
        font-size: 18px;
        color: #fff;
        font-weight: normal;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 10px 0px;
        border-radius: 4px;
        border-bottom: #2face1 solid 1px;
        cursor: pointer;
    }

        .LoginMainBanner .Forgetpass:hover {
            width: 100%;
            height: auto;
            font-size: 18px;
            color: #fff;
            font-weight: normal;
            margin: 0px 0px 10px 0px;
            padding: 0px 0px 10px 0px;
            border-radius: 4px;
            border-bottom: #2face1 solid 1px;
            text-decoration: underline;
            cursor: pointer;
        }

    .LoginMainBanner .LoginButt {
        width: 163px;
        height: 40px;
        font-size: 20px;
        line-height: 39px;
        float: left;
        color: #fff;
        font-weight: normal;
        margin: 10px 0px 10px 0px;
        padding: 0px 10px 0px 10px;
        border-radius: 4px;
        text-align: center;
        cursor: pointer;
        background: rgba(73,67,72,1);
        background: -moz-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,67,72,1)), color-stop(100%, rgba(54,59,63,1)));
        background: -webkit-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
        background: -o-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
        background: -ms-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
        background: linear-gradient(to bottom, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494348', endColorstr='#363b3f', GradientType=0 );
    }

        .LoginMainBanner .LoginButt:hover {
            width: 163px;
            height: 40px;
            font-size: 20px;
            line-height: 39px;
            float: left;
            color: #fff;
            font-weight: normal;
            margin: 10px 0px 10px 0px;
            padding: 0px 10px 0px 10px;
            border-radius: 4px;
            text-align: center;
            cursor: pointer;
            background: rgba(54,59,63,1);
            background: -moz-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,59,63,1)), color-stop(100%, rgba(73,67,72,1)));
            background: -webkit-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
            background: -o-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
            background: -ms-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
            background: linear-gradient(to bottom, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363b3f', endColorstr='#494348', GradientType=0 );
        }

    .LoginMainBanner .LoginButt2 {
        width: 163px;
        height: 40px;
        font-size: 20px;
        line-height: 39px;
        float: right;
        color: #fff;
        font-weight: normal;
        margin: 10px 0px 10px 0px;
        padding: 0px 10px 0px 10px;
        border-radius: 4px;
        text-align: center;
        cursor: pointer;
        background: rgba(73,67,72,1);
        background: -moz-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,67,72,1)), color-stop(100%, rgba(54,59,63,1)));
        background: -webkit-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
        background: -o-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
        background: -ms-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
        background: linear-gradient(to bottom, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494348', endColorstr='#363b3f', GradientType=0 );
    }

        .LoginMainBanner .LoginButt2:hover {
            width: 163px;
            height: 40px;
            font-size: 20px;
            line-height: 39px;
            float: right;
            color: #fff;
            font-weight: normal;
            margin: 10px 0px 10px 0px;
            padding: 0px 10px 0px 10px;
            border-radius: 4px;
            text-align: center;
            cursor: pointer;
            background: rgba(54,59,63,1);
            background: -moz-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,59,63,1)), color-stop(100%, rgba(73,67,72,1)));
            background: -webkit-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
            background: -o-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
            background: -ms-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
            background: linear-gradient(to bottom, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363b3f', endColorstr='#494348', GradientType=0 );
        }

@media (min-width: 320px) and (max-width:638px) {

    .LoginMainBanner {
        width: auto;
        height: auto;
        margin: 18% auto;
    }

        .LoginMainBanner .LogoAreaDiv {
            width: 100%;
            height: 54px;
            font-size: 18px;
            color: #737171;
            font-weight: normal;
            margin: 10px 0px 10px 0px;
            padding: 0px 10px 0px 10px;
            border-radius: 4px;
            border: #2face1 solid 1px;
        }

        .LoginMainBanner .LoginButt {
            width: 44%;
            height: 40px;
            font-size: 20px;
            line-height: 39px;
            float: left;
            color: #fff;
            font-weight: normal;
            margin: 10px 0px 10px 0px;
            padding: 0px 10px 0px 10px;
            border-radius: 4px;
            text-align: center;
            cursor: pointer;
            background: rgba(73,67,72,1);
            background: -moz-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,67,72,1)), color-stop(100%, rgba(54,59,63,1)));
            background: -webkit-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
            background: -o-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
            background: -ms-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
            background: linear-gradient(to bottom, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494348', endColorstr='#363b3f', GradientType=0 );
        }

            .LoginMainBanner .LoginButt:hover {
                width: 44%;
                height: 40px;
                font-size: 20px;
                line-height: 39px;
                float: left;
                color: #fff;
                font-weight: normal;
                margin: 10px 0px 10px 0px;
                padding: 0px 10px 0px 10px;
                border-radius: 4px;
                text-align: center;
                cursor: pointer;
                background: rgba(54,59,63,1);
                background: -moz-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
                background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,59,63,1)), color-stop(100%, rgba(73,67,72,1)));
                background: -webkit-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
                background: -o-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
                background: -ms-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
                background: linear-gradient(to bottom, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363b3f', endColorstr='#494348', GradientType=0 );
            }

        .LoginMainBanner .LoginButt2 {
            width: 44%;
            height: 40px;
            font-size: 20px;
            line-height: 39px;
            float: right;
            color: #fff;
            font-weight: normal;
            margin: 10px 0px 10px 0px;
            padding: 0px 10px 0px 10px;
            border-radius: 4px;
            text-align: center;
            cursor: pointer;
            background: rgba(73,67,72,1);
            background: -moz-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,67,72,1)), color-stop(100%, rgba(54,59,63,1)));
            background: -webkit-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
            background: -o-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
            background: -ms-linear-gradient(top, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
            background: linear-gradient(to bottom, rgba(73,67,72,1) 0%, rgba(54,59,63,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494348', endColorstr='#363b3f', GradientType=0 );
        }

            .LoginMainBanner .LoginButt2:hover {
                width: 44%;
                height: 40px;
                font-size: 20px;
                line-height: 39px;
                float: right;
                color: #fff;
                font-weight: normal;
                margin: 10px 0px 10px 0px;
                padding: 0px 10px 0px 10px;
                border-radius: 4px;
                text-align: center;
                cursor: pointer;
                background: rgba(54,59,63,1);
                background: -moz-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
                background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,59,63,1)), color-stop(100%, rgba(73,67,72,1)));
                background: -webkit-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
                background: -o-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
                background: -ms-linear-gradient(top, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
                background: linear-gradient(to bottom, rgba(54,59,63,1) 0%, rgba(73,67,72,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363b3f', endColorstr='#494348', GradientType=0 );
            }
}

.btnLogin {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:141px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.btnLogin:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.btnLogin:active {
	position:relative;
	top:1px;
}