html 
{
  height: 100%;
  box-sizing: border-box;
  
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body		
{
    /*font-family:Arial;*/
    /*background-color:#EFFFE0;*/
    margin: 0px;
    padding: 0px;
    margin-top:0px;
    margin-left:0px;
    /*background-image:url(../images/dsf_bg.gif);*/
    background-repeat:no-repeat;
    background-position:top;
    height:100%;
    min-width:320px;
}

#topmenu > a > img
{
    border:0px;
    float:left;
}

#topmenu > img
{
    border:0px;
    float:left;
}


a:link, a:visited, a:hover, a:active
{
    color: #006666;
}


#DSFtop, #DSFtop_min
{
    border-spacing:0px;
    padding:0px;
    text-align:center;
    border:0px;
    width:100%;
}

#DSFtop > tbody > tr
{
    /*height:170px;*/
    vertical-align:top;
}

#DSFtop > tbody > tr > td
{
    background-image:url(../images/top_sys_bg.jpg) !important;
    background-repeat:repeat-x;
}

#topmenu
{
    position:relative;
    top:0px;
    float:right; 
    padding-right: 8px;
    border:0px;
}

#topmenu_min
{
    position:relative;
    top:-8px;
    float:right; 
    padding-right: 8px;
    border:0px;
}

#topmenu_min > a > img
{
    border:0px;
    float:left;
}

#topmenu_min > img
{
    border:0px;
    float:left;
}

#topmenu_selector
{
    position:relative;
    top:-8px;
    float:left; 
    padding-left: 1px;
    border:0px;
}

#DSFTitle
{
    border-spacing:0px;
    padding:0px;
    border:0px;
    width:100%;
}

#DSFTitle > tbody > tr
{
    height:50px;
}

#DSFTitle > tbody > tr > td:nth-child(1) 
{
    padding-left: 10px;
}

#DSFTitle > tbody > tr > td:nth-child(2)
{
    text-align:center;
    width:100%;
    padding-top:10px;
}

#DSFTitle > tbody > tr > td:nth-child(3)
{
    padding-right: 10px;
}

.toptenderdiv
{
    white-space:nowrap;
}

.C_br_P_div
{
    position:relative;
}

.C_br_P
{
    margin-bottom: 5px;
}

.span_year_chi
{
    position:relative;    
    top:-5px;
    color: #265d50; 
    font-size: 17px; 
    right:6px;
    padding-left: 6px;
}

.span_year_por
{
    position:relative;    
    top:-3px;
    color: #265d50; 
    font-size: 15px; 
    left:2px;
    padding-left: 4px;
}

.header
{
    width:100%;
    max-width:960px;
    margin:0 auto;
    display:block;
    /*position: fixed;
    z-index:2;*/
    background-color:#EFFFE0;
}



.div_block
{
    background-color:#EFFFE0;
    z-index:1;
    white-space:nowrap;
    overflow:hidden;
}

#container {
   min-height:100%;
   position:relative;
}

.content
{   
    /*position:relative;
    z-index:0;*/
    width:100%;
    max-width:980px;
    margin:0 auto;
    padding:10px;
    
    margin-bottom:10px;
    overflow:auto !important
}

.footer
{   
    /*background-color: #efefef;*/
    width:98%;
    max-width:960px;
    margin:0 auto;
}


.div_block ul
{
  list-style: none;
  background-color: #444;
  text-align: center;
  padding: 0;
  margin: 0 auto;
}

.div_block li 
{
  display: inline-block;
  width:240px;
  font-family: 'Oswald', sans-serif;
  font-size: 1.2em;
  line-height: 32px;
  text-align: center;
}

.div_block a 
{
  text-decoration: none;
  color: #fff;
  display: block;
  
  border-bottom: 1px solid #00614D;
  transition: .3s background-color;
}

.div_block a:hover
{
  background-color: #005f5f;
  color:Yellow;
}

.div_block a.active 
{
  background-color: #aaa;
  color: #444;
  cursor: default;
}

.textboxstyle
{
    /*
    background: white; 
    border: 1px double #DDD; 
    border-radius: 5px; 
    box-shadow: 0 0 5px #333; 
    color: #666; 
    outline: none; 
    height:30px; */
    
    width: 400px; 
    font-size: 20px;
}


.td_footer
{
    font-size: 12px;
    letter-spacing:1px;
    word-spacing:0px;
}

.master-topbar
{
    background-color:#EFFFE0 !important;
    z-index:1;
    white-space:nowrap;
    overflow:hidden;
    position:relative;
}

.master-topbar ul:last-child 
{
    width:100%;
    border:1px solid black;
    float: left;
}

.menu, .sidemenu {
  list-style-type: none;
  list-style: none;
  background-color: #00614D;
  text-align: center;
  padding: 0;
  margin: 0 auto;
}

.menu li
{
  display: inline-block;
  width:180px;
  /*width:240px;*/
  font-family: 'Oswald', sans-serif;
  font-size: 1em;
  line-height: 32px;
  text-align: center;
}

.menu li:not(:first-child) {
    margin:0px 0px 0px -4px;
}

.menu a 
{
  text-decoration: none;
  color: #fff;
  display: block;
  border-bottom: 1px solid #00614D;
  transition: .3s background-color;
}

.menu a:hover
{
  background-color: #005f5f;
  color:Gray;
}

.menu a.active 
{
  /*background-color: #aaa;*/
  color: #fff;
  cursor: default;
}

.layer
{
   border:1px solid red;
}



/*************** Position ************/
.text-left
{
    text-align:left;
}

.text-center
{
    text-align:center;
}

.text-right
{
    text-align:right;
}

.center
{
    text-align:center;   
}

.left
{
    text-align:left;
}

.right
{
    text-align:right;
}

.data-left
{
    padding-left:20px;
}

.data-right
{
    padding-right:20px;
}

/*********** Mobile Screen **********/
/******** Icon ********/

    .left-icon img
    {
        width:85%;
        margin:25px 0 0 0;
    }

    .right-icon img
    {
        width:85%;
        margin:20px 0 0 0;
    }

/******** I6 ***********/
@media only screen and (max-width:480px) and (min-width:370px)
{    
    .textboxstyle
    {
        background: white; 
        border: 1px double #DDD; 
        border-radius: 5px; 
        box-shadow: 0 0 5px #333; 
        color: #666; 
        outline: none; 
        height:30px; 
        width: 280px; 
        margin:0 auto;
        
    }
    
    .Mobile_C_br_P
    {   
        max-width: 240px;
    }
    
    .Mobile_dept
    {
        max-width: 160px;
    }
}

@media only screen and (max-width:369px) and (min-width:321px)
{    
    .textboxstyle
    {
        background: white; 
        border: 1px double #DDD; 
        border-radius: 5px; 
        box-shadow: 0 0 5px #333; 
        color: #666; 
        outline: none; 
        height:30px; 
        width: 280px; 
        margin:0 auto;
        
    }
    
    .Mobile_C_br_P
    {   
        max-width: 220px;
    }
    
    .Mobile_dept
    {
        max-width: 160px;
    }
}


/**********I5 **********/
@media only screen and (max-width:320px)
{
    .textboxstyle
    {
        background: white; 
        border: 1px double #DDD; 
        border-radius: 5px; 
        box-shadow: 0 0 5px #333; 
        color: #666; 
        outline: none; 
        height:30px; 
        width: 240px; 
        margin:0 auto;
    }
    
    .td_right
    {
        margin:0 20px 0 0;
    }
    
    .Mobile_C_br_P
    {   
        max-width: 180px;
    }
    
    .Mobile_dept
    {
        max-width: 130px;
    }
}

/********** WebSide Menu **********/
@media only screen and (max-width:1024px)
{
    .menu li 
    {       
        width:180px;
    }
}

@media only screen and (max-width:900px)
{
    .menu li 
    {
        width:150px;
    }
}

@media only screen and (max-width:700px)
{
    .menu li 
    {
        width:130px;
    }
}
/*********** Mobile Item***********/


.sidenav {
    width: 0;
    height:100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #00614D;
    overflow-x: hidden;    
    transition: 0.1s;
    padding-top: 20px;
}

.Mobile_icon img
{
    width:50px;
}

.sidemenu li {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    line-height: 32px;
    text-align: center;
    border-bottom: 1px solid white;
}

.sidenav a {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    font-size: 19px;
    color: #fff;
    display: block;
    transition: 0.3s;
    width:200px;
}

.sidenav a:hover, .offcanvas a:focus
{
    background-color: #005f5f;
    color: Yellow;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#Sidetopmenu
{
    position:relative;
    top:-8px;
    float:left; 
    padding-right: 8px;
    border:0px;
}



/******IE8 ONLY*******/
.ie8
{
    display:none;
}

.notie8
{
}

table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }

/********* Print **********/