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

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    background: #ffffff; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ff0000 96%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(96%,#ff0000)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ff0000 96%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#ff0000 96%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#ff0000 96%); /* IE10+ */
    background: radial-gradient(ellipse at center, #ffffff 0%,#ff0000 96%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.main {
    width: 100%;
}

.wrapper {
    margin: 0px auto;
    width: 580px;
}

.mainadjust {
    padding: 40px 0px;
}

.from_area {
    /*width: 460px;*/
    text-align: center;
    background: #fffffe; /* Old browsers */
    background: -moz-linear-gradient(top, #fffffe 0%, #ffdfbc 64%, #ffdfbc 97%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffe), color-stop(64%,#ffdfbc), color-stop(97%,#ffdfbc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fffffe 0%,#ffdfbc 64%,#ffdfbc 97%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fffffe 0%,#ffdfbc 64%,#ffdfbc 97%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fffffe 0%,#ffdfbc 64%,#ffdfbc 97%); /* IE10+ */
    background: linear-gradient(to bottom, #fffffe 0%,#1e0404 64%,#ffdfbc 97%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffe', endColorstr='#ffdfbc',GradientType=0 ); /* IE6-9 */
    border-radius: 8px;
    padding: 10px 0;
    -webkit-box-shadow: 4px 14px 8px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 14px 8px -8px rgba(0,0,0,0.75);
    box-shadow: 4px 14px 8px -8px rgba(0,0,0,0.75);
}

    .from_area h2 {
        font-family: Agency FB;
        margin-bottom: 40px;
        font-size: 60px;
        font-weight: bold;
        
    }

.first_back {
    background-color: #565656;
    width: 402px;
    border: 3px solid white;
    border-radius: 6px;
    height: 60px;
    margin: 0px auto;
    color: white;
    margin-bottom: 30px;
    text-align: center;
    font-size: 20px;
}

.area_select {
    margin: 0 auto;
}

.login {
    border: medium none;
    border-radius: 25px;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.login_area {
    background-color: black;
    width: 355px;
    padding: 14px 0px;
    margin-bottom: 30px;
    font-size: 36px;
    color: white;
    border-radius: 8px;
    border: medium none;
    cursor:pointer;
}


.login_area:hover {
        background: #c10000; /* Old browsers */
        background: -moz-linear-gradient(top, #c10000 0%, #ffdfbc 87%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c10000), color-stop(87%,#ffdfbc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #c10000 0%,#ffdfbc 87%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #c10000 0%,#ffdfbc 87%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #c10000 0%,#ffdfbc 87%); /* IE10+ */
        background: linear-gradient(to bottom, #c10000 0%,#ffdfbc 87%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c10000', endColorstr='#ffdfbc',GradientType=0 ); /* IE6-9 */
    }



.ggg strong {
    color: #ff0000;
}

.ggg {
    padding-bottom: 30px;
}