/*************Menu area ***********************/
.toplogo_chj_img,
.toplogo_chj_img2{
    opacity:1;
    margin: 0; 
    display: block;
    height:46px;
}

.toplogo_chj_img:hover{
    opacity:0;
    cursor: pointer; cursor: hand;
}
.toplogo-cellIMG_chj{
   background-size: 45px 45px;
    height:46px; 
    background-repeat: no-repeat; 
    margin-top:1px; 
    padding:0;
    background-position: center;
    display: block;
}
.topbar {
    position: static;
    height: 60px; /*110px;*/
    vertical-align: bottom;
}
 .divSpecialMsg {
        vertical-align: bottom;
        height:110px;
        text-align:center;
    }
 .divSpecialMsg_spacer {
        height:70px;
    }
.site_msg{
     color:#962249;
     line-height:30px;
    font-size:22px;
    font-family:'Open Sans N', sans-serif;
    padding-left:40px;
    padding-right:40px;
    font-style:italic;
    height:110px;
}
.topmenu {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 64px;
  z-index:100;

}
.topmenu-container{
 /* max-width: 1170px;*/
  margin-right: auto;
  margin-left: auto;
  height:64px;
  max-height:64px;
  text-align:right;  
  overflow: hidden;
 /* min-width: 850px;*/
  display:block;
  width: 1170px;
  width: 100vw;
  max-width: 1170px;
}
.topmenu-container-table{
   table-layout:auto;
   /* border: 3px solid red;*/
    display:table;
    width:100%;
}
.topmenu-container-row{
    display:table-row;
}

.topmenu-container-cell-max{
    width:100%;
    
}

.topmenu-container-cell{
    display:table-cell;
    /*border: 1px solid black;*/
    width:0.1%;
    white-space: nowrap;
    vertical-align:middle;
}
.topmenu-container-cell a{
    text-decoration: none;
}

.topmenu-button {
  /*text-decoration:none;*/
  padding-left: 15px;
  padding-right: 5px;
 /* padding-right: 1.8vw;*/
  background-color: transparent;
  font-family: 'Open Sans N', sans-serif;
  color: #fff;
  border: 0px solid blue;
}
.toplogo a {
    padding-left:15px;
    padding-right:15px;
    padding-top:3px;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-size: 40px;
    font-weight: 400;
    text-align:left;
    border: 0px solid yellow;
}


/**************browser *******************************/
@media all and (max-width: 630px) {
	.topmenu-button {
        display:none;
	}
    .toplogo a {
        text-decoration: underline;
    }
    /***** used only on 630 and less******************/
    .topmenu-container-cell-max-630{
    width:100%;
     font-family: 'Roboto Mono', sans-serif;
  color: #939598;
  margin-top:10px;
  padding-top:8px;
  padding-top:2vw;
  font-size: 20px;
   font-size: 4vw;
  line-height: 50px;
  line-height: 5vw;
  font-weight: 400;
  display:inline-block;
  color:#fff;
  text-align:center;
    }
     .divSpecialMsg {
        height:315px;
         height:21vw;
          min-height:110px;
    }
   

    .site_msg{
  font-size: 24px;
   font-size: 2.6vw;
  line-height: 28px;
  line-height: 3.2vw;
    padding-left:20px;
    padding-right:20px;
      padding-left:6vw;
    padding-right:6vw;

    }
}
@media all and (min-width: 760px) {
    .topmenu-button {
        font-size: 17px;
    }
     .topmenu-container-cell-max-630 {
         display:none;
    }
}
@media all and (max-width: 759px) and (min-width: 631px) {
    .dropmenu-container {
         width: 11vw;
    }
       
    .topmenu-button {
        font-size: 2.1vw;
        padding-left: 1.6vw;
    }
    .topmenu-container-cell-max-630 {
         display:none;
    }
}
/***************phone *************************************/
@media only screen and (max-device-width: 630px) {
    .topbar {
        height: 19vw;
    }
    .divSpecialMsg_spacer {
        height: 14vw;
    }
    .divSpecialMsg {
        height: 310px;
        height: 20vw;
        min-height: 110px;
    }
    .topmenu {
        height: 13vw;
    }
    .topmenu-container {
        height: 13vw;
        max-height: 13vw;
    }
    .topmenu-button {
    display:none;
    }
    .toplogo a {
         font-size: 7vw;
         text-decoration:underline;
    }
    .topmenu-container-cell-max-630 {
        width: 100%;
        font-family: 'Roboto Mono', sans-serif;
        color: #939598;
        margin-top: 26px;
        padding-top: 8px;
        padding-top: 2vw;
        font-size: 20px;
        font-size: 4vw;
        line-height: 50px;
        line-height: 5vw;
        font-weight: 400;
        display: inline-block;
        color: #fff;
        text-align: center;
    }
      
}
/***********************************************************/
.topmenu-button:hover{
    text-decoration:underline;
}

    
input:focus, textarea:focus, select:focus{
        outline: none;
    }

/***************************************************************/
/*********************search *********************************/
/**************************************************************/
.search-bar-container{
    display:none;
    table-layout:auto;
    width:100%;
}

.search-bar-cell-text, .search-bar-cell-img
{
    height:75px;
    background-color:#f6f6f6;
    color:#77787b;
    font-size:26px;
    font-family:'Open Sans N', sans-serif;
    padding-left:40px;
    padding-right:40px;
}
.search-bar-cellIMG{
   background-size: 25px 25px;
    height:26px; 
    background-repeat: no-repeat; 
    margin-top:1px; padding:0;
    background-position: center;
}
.search-bar-cell-text{
    display:table-cell;
    width:100%;
    vertical-align:middle;
      background-color:#f6f6f6;
      padding-left:20px;
}
.search-bar-cell-img{
    display:table-cell;
    width:0.1%;
white-space: nowrap;
vertical-align:middle;
}
.search-bar-img{
    opacity:0;
    border: none;
}
.search-bar-img:hover{
    opacity:1;
    cursor: pointer; cursor: hand;
}
.search-bar-input{
    color:#77787b;
    font-size:26px;
    line-height:38px;
  /*  font-size:2.1vw;*/
    font-family:'Open Sans N', sans-serif;
    background-color:#f6f6f6;
    height:60px;
   /* height:4vw;*/
    width:100%;
    border: 0px solid blue;
}
.search-bar-input::-ms-clear {
    display: none;
}
/**************************/
/**************browser *******************************/
/***********expanded window browser*************/
/***************phone *************************************/
@media only screen and (max-device-width: 630px) {
    .search-bar-input {
        font-size: 52px;
    }
     .search-bar-cell-text, .search-bar-cell-img {
        height: 13.9vw;
        font-size: 6.5vw;
        padding-left: 2.7vw;
        padding-right: 5.7vw;
    }
     .search-bar-cellIMG {
        background-size: 5vw 5vw;
        height: 5.1vw;
    }
    .site_msg {
        font-size: 32px;
        font-size: 3vw;
        line-height: 38px;
        line-height: 4.6vw;
        padding-left: 20px;
        padding-right: 20px;
        padding-left: 6vw;
        padding-right: 6vw;
        height: 13vw;
    }

}
@media all and (min-width: 630px) and (max-width: 800px)   {
    
      .site_msg{
    font-size: 20px;
    font-size: 2vw;
    line-height: 22px;
    line-height: 2.4vw;
    padding-left:20px;
    padding-right:20px;
    padding-left:4vw;
    padding-right:4vw;

    }
}
@media all and (min-width: 801px) and (max-width: 1170px)   {
    
      .site_msg{
    font-size: 25px;
    font-size: 1.6vw;
    line-height: 30px;
    line-height: 1.8vw;
    padding-left:20px;
    padding-right:20px;
    padding-left:4vw;
    padding-right:4vw;

    }
}
@media all and (min-width: 630px) and (max-width: 1170px)   {
    .search-bar-cell-text, .search-bar-cell-img {
       /* height: 5.9vw;
        font-size: 2.5vw;
        padding-left: 3.7vw;
        padding-right: 3.7vw;*/
    }
    .search-bar-input {
       
       /*font-size: 2.1vw;
       height: 4vw;*/
    }
    
}
@media all and (max-width: 630px) {
    .search-bar-cell-text, .search-bar-cell-img {
        height: 10.9vw;
        font-size: 4.5vw;
        padding-left: 1.7vw;
        padding-right: 5.7vw;
    }
    .search-bar-input {
       font-size: 4.5vw;
      /* height: 8vw;*/
       padding-left: 30px;
       padding-left: 4.5vw;
    }
    
}