body{
backgound-color;#dadada;
}
#container{
position:relative;
margin:50px auto;
width:700px;
height:700px;
}
#topdiv{
position:absolute;
width:700px;
height:98px;
background-color:gray;
background-image:url("1.jpg");
}

#lcdiv{
position:absolute;
top:100px;
width:198px;
height:498px;
background-color:#95f25c;
}
#ccdiv{
position:absolute;
top:100px;
left:200px;
width:298px;
height:498px;
background-color:#827af9;
}
#rcdiv{
position:absolute;
top:100px;
left:500px;
width:200px;
height:498px;
background-color:#f45a58;
}
#bottomdiv{
position:absolute;
width:700px;
top:600px;
height:100px;
background-color:gray;
background-image:url("2.jpg");
}
        #menu {
       float:right;
       margin-right: 4px;
        }
        #menu_m{
        
        display:inline-block;
         
        padding:15px;
        padding-right:0px;
      
           
        }
            #menu ul li {
            width:190px;
            height:35px;
            padding-top:10px;
            list-style-type:none;
            }
            #menu ul a:hover {
                background:rgb(255, 0, 62);
           transition:1s; }
                        #menu ul a:hover {
                background:rgb(255, 0, 62);
           transition:1s; }
            #menu ul li ul {
            
            display:none;
            z-index:1000;
            }
            #menu ul li:hover ul {
             display:block;
             margin-right:107px;
             margin-bottom:20px;
             z-index:1000;
            }
            #menu a {
            text-decoration:none;
            font-size:larger;
            background:rgb(255, 216, 0);
            padding:10px 15px 10px 15px;
            color:white; 
            display:block;
            width:120px;

            }
                   
          #menu2 {
       float:right;
       margin-right: 4px;
       position:relative; }
        #menu_n{
        
        display:inline-block;
         position:relative;
        padding:15px;
        padding-right:0px;
      
          float:right; 
        }
            #menu2 ul li {
           position:relative;
            height:35px;
            padding-top:10px;
            list-style-type:none;
             float:right; }
            #menu2 ul a:hover {
                background:rgb(255, 0, 62);
          transition:1s;
        
            }
                        #menu2 ul a {
             
          transition:1s;}
            #menu2 ul li ul {
position:absolute;
            display:none;
            z-index:1000;
            }
            #menu2 ul li:hover ul {
               
             display:block;
             position:absolute;
             padding:10px 15px 10px 15px;
             top:0px;
             transition:1s;
             z-index:1000;
            }
            #menu2 a {
            text-decoration:none;
            font-size:larger;
            background:rgb(255, 216, 0);
            padding:10px 15px 10px 15px;
            color:white;
            display:block;
            width:90px;
            text-align:center;
            }