body {
                padding:0;
                margin:0;
                background-image: url("../img/bl2.jpg");
                background-color:#fff;
                background-repeat: no-repeat;
                background-position: 0 0;
                background-size: cover;
                }
            .logoBg {
                background-color:#4295CE;
                padding-left:30px;
            }
            .logoText {
                background-color:#2D72A2;
                font:italic 19px Verdana, Geneva, sans-serif;
                color:#5DA9DC;
                padding:0 15px 15px 0;
            }
            .input {
                background-color:#D3EDFF;
                font:italic 13px/30px Verdana, Geneva, sans-serif;
                color:#175885;
                border:none;
            }
            .footText {
                font:normal 12px/55px "Trebuchet MS", Arial, Helvetica, sans-serif;
                color:#A4D9FF;
            }

            * {
                padding:0;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 0;
            }
            #div1 {
                width: 50%;
                max-width: 200px;
                min-width: 200px;
                border-radius:15px;
                background-color:#ccc;
                opacity: 0.7;
                position: absolute;
                left: 10%;
                top: 25%;
                height: 50%;
                min-height: 300px;
                border:3px solid #8AC007;
                margin: auto;
            }
            
           #divwheel {
                width: 50%;
                max-width: 200px;
                min-width: 200px;
                opacity: 0.5;
                position: absolute;
                left: 10%;
                top: 25%;
                height: 50%;
                min-height: 300px;
                margin: auto;
            }
            .center {
                margin: 0 auto;
                position: absolute;
                left: 50%;
            }
            
            .sou{
                border-width: 1px;
                -webkit-animation-name: rotate; 
                -webkit-animation-duration: 2s; 
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                -moz-animation-name: rotate; 
                -moz-animation-duration: 2s; 
                -moz-animation-iteration-count: infinite;
                -moz-animation-timing-function: linear;
                animation-name: rotate; 
                animation-duration: 2s; 
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }

            .div2 { width: 50%; height:50px; float:left; } 
            .div3 { width: 50%; height:50px; float:left; }
            .right{ right: 50%; padding: 1px 1px 1px 1px;}
            .left {  left: 50%; padding: 1px 1px 1px 1px;}
            
            .mou{
                border-width: 1px;
                -webkit-animation-name: arotate; 
                -webkit-animation-duration: 1s; 
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                -moz-animation-name: arotate; 
                -moz-animation-duration: 1s; 
                -moz-animation-iteration-count: infinite;
                -moz-animation-timing-function: linear;
                animation-name: arotate; 
                animation-duration: 1s; 
                animation-iteration-count: infinite;
                animation-timing-function: linear;
                    border-radius:200px;
            }

            @-webkit-keyframes rotate {
                from {-webkit-transform: rotate(0deg);}
                to {-webkit-transform: rotate(360deg);}
            }

            @-moz-keyframes rotate {
                from {-moz-transform: rotate(0deg);}
                to {-moz-transform: rotate(360deg);}
            }

            @keyframes rotate {
                from {transform: rotate(0deg);}
                to {transform: rotate(360deg);}
            }

            @-webkit-keyframes arotate {
                from {-webkit-transform: rotate(360deg);}
                to {-webkit-transform: rotate(0deg);}
            }

            @-moz-keyframes arotate {
                from {-moz-transform: rotate(360deg);}
                to {-moz-transform: rotate(0deg);}
            }

            @keyframes arotate {
                from {transform: rotate(360deg);}
                to {transform: rotate(0deg);}
            }

            .footer {
                width: 100%;
                border-radius:15px;
                background-color:#ccc;
                opacity: 0.5;
                position: absolute;
                bottom: 20px;
                height: 20px;
                margin: 0 auto;
            }
            
            a {
                text-decoration: none;
            }