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

.container           { width:            1120px;
	                   margin:           0 auto;
                       background-color: #FFFFFF;
                       border-left:      1px solid #9A9A9A;
                       border-right:     1px solid silver;       }

.top-header          { box-sizing:       border-box;
                       background-image: url(../images/bg3.png); }
.banner              { margin:           auto;
                       height:           75px;
                       width:            700px;
                       background-image: url(../images/bg1.png); }
.top-bar             { background-color: #780000;
                       border-top:       2px solid brown;
                       border-bottom:    4px solid black;        }
.top-menu            { margin:           auto;
                       width:            750px;                  }
.top-menu ul         { margin:           0;
                       padding:          0;
                       list-style-type:  none;
                       background-color: #780000;
                       overflow:         hidden;                 }
.top-menu li         { float:            left;                   }
.top-menu li a       { text-decoration:  none;
                       font-size:        16px;
                       display:          block;
                       text-align:       center;
                       color:            aliceblue;
                       padding:          14px 16px;
                       font-family:      Garamond, Georgia, 'Times New Roman', serif; }
.top-menu li a:hover { color:            darkred;
                       background-color: antiquewhite;           }

@media (max-width: 700px) {
    .container { 
        width:            100%;
	                   margin:           0 auto;
    }
}

@media (max-width: 1900px) {
    .container { 
        width:            1200px;
	                   margin:           0 auto;
    }
}

@media (max-width: 3800px) {
    .container { 
        width:            2500px;
	                   margin:           0 auto;
    }
}

@media (max-width: 2500px) {
    .container { 
        width:            1000px;
	                   margin:           0 auto;
    }
}
/* Container */
@media screen and (min-width: 600px) {
    .container {
        width:            90%;
        background-color: #FFF;
        min-width:        780px;
        max-width:        1260px;
        margin:           0 auto;
        overflow:         hidden;
        border-left:      1px solid black;
        border-right:     1px solid black;
    }
}