body{
background:black;;
}
.body-iframe-mainContent{
background:white;
}
#main{
width:100%;
}

iframe{
scrolling:no;
border:0;
overflow:hidden;
vspace:0;
hspace:0;
marginheight:0;
marginwidth:0;
overflow-x: hidden; 
overflow-y: scroll; 
}

.body-iframe-mainContent{
background:;
min-height:500px;#817e7e
min-width:700px;
height :100%;
width:100%;
}
ul {
list-style-type: none;
}

#bodyWrapper{  
width: 100%;
min-width: 1024px;
/*max-width:1350px;  */
}

#bb-container-wrapper{
clear:both;
display: block;
width:100%;
#000000
}
@viewport {
width: device-width;
initial-scale: 1;
zoom: 1;
min-zoom: 1;
max-zoom: 3;
user-zoom: fixed;
}
#logo{
float:left;
width:100px;
}


#sb-nav a{ 
overflow: visible; 
} 

input:focus { 
background-color: #CCFFCC;
}

.body-iframe-mainContent, #mainContent{
width:100%;     
}
.nav {
margin: 0px;
text-align: left;
padding: 0px;
list-style: none;
width:100%;     
}

.nav li {
float: left;
width: auto;
/*position: relative;*/
z-index: 100;
}
.nav li a {
font-size: 11px;
text-transform: uppercase;
display: block;
padding: 0px 0px 0px 10px;
text-decoration: none;
text-align: left;
    white-space: inherit;
    height:inherit;
    display: flex;
    align-items: center;
}


/*=== submenu ===*/
.nav ul {
display: none;
<!--position: absolute;-->
margin-left: 0px;
list-style: none;
padding: 0px;
width:50%;
height:auto;
flex-direction: column;
}

.nav ul li {
min-width: 150px;
width: 300px;
font-size:10px !important;
float: left;
}

.nav ul a {
display: block;
height: auto;
padding: 5px 5px;       
text-decoration: none;
font-size:12px !important;

}

.nav ul li a:hover {
background:#DEB15C;color:white;;
}

.navSubClick{
width:300px;
font-size:10px !important;
}


<!--#hkIconTopMenu{
border:none;
padding:0;
margin:0;
padding-left:15px;
background: transparent url('static/hk.png') no-repeat;
background-size: 20px;
font-size: 14px;     
font-weight: bold;
text-transform: uppercase;
display: block;    
text-decoration: none;
text-align: center;

}-->

#activeCustomer{
width:150px;
font-weight: bold;
}
#customerInfoTop ul li{
float: left;
padding-right:5px;
display: inline-table;
}
#bbLogo{        
clear: both;
}
<!--#top_menu{
width:100%;
min-height:40px;
min-width: 990px;

/*background: #21556D;*/
}-->
#top-menu-wrapper{
width:100%;      
background:white;
}
#mainLeft{
padding:3px;display: block;overflow: hidden; width:165px;;
}

@media all and (min-width:1025px) {

#bb-container{
max-width:1250px;
overflow: hidden;
display: inline-block;
text-align: center;   
margin:0;
padding:0;           
width:100%;
clear: both;
}

#index_wrapper_media{               
width: 100%;
min-width: 100%;    
}
#navWrapper{

}
#navWrapper table{
padding:0; 
width:auto; 
}

#logo{
float:left;
width:100px;    
padding-bottom:10px;
}
#bbLogo{ 
width:100%;
clear: both;
padding-bottom:10px;
}


#bb-container-footer{
display: inline-block;
text-align: center;   
margin:0 auto;
padding:0 auto;
width: 100%;
clear: both;
}

#bb-container-header{
width: 100%;
height:20px;
background:white;
}
#bb-container-wrapper{
padding:0;
margin:0;
}
<!--#bb-container-wrapper #bb-container{

}-->
#mainRight{
padding-left:0px; 
padding-right: 0px;
width:0px;
vertical-align: top;;
}

}