.close-btn {
 display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #333333 /*url(../image/close-btn.svg) left center no-repeat*/;
  background-size: 1.875em 1.875em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}
.no-svg .close-btn {/*background-image: url(../image/close-btn.png);*/ }
.close-btn:focus, .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}

.close-btn:focus, .close-btn:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}

.nav-btn {
  display: block;
  width: 14px;
  height: 14px;
  padding: 0;
  border: 0;
  outline: none;
  background: url(../../image/pns/top_btn_menu.jpg) no-repeat scroll center center #61A335;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#top .nav-btn span{ diaplay:none;}

.no-svg .nav-btn { background-image: url(../../image/pns/menu.png);}
.nav-btn:hover, .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/**********************************************************************************************************************/

	
/*****************/	
	



#portal_menu { z-index: 200; position: relative;  width:90.6%;  float:left; height:42px;}
#portal_menu #menu { width:66.5%;  float:left;  /*background: url(../image/top_portalmenu_bk2.jpg) repeat-x transparent;*/ height:42px;}
#mainportal .mingpaologo_wrapper { /*background: url(../image/top_portalmenu_left.png) no-repeat scroll right top transparent;*/ float: left; width: 9.39623%;}
#mainportal .mingpaologo_wrapper img {  margin: 0.5em auto; width: 80%;}
#portal_menu .close-btn { display: none;}
#portal_menu .block-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px;
overflow: hidden;padding: 0; position: absolute;width: 1px;}
#portal_menu .block {z-index: 2; position: relative; padding:0;}
#portal_menu ul {*zoom: 1; display: block;  margin:0; padding:0; list-style:none;}
#portal_menu ul:before, #portal_menu ul:after { content: "";display: table;}
#portal_menu ul:after {clear: both;}
#portal_menu li {display: block;}
#portal_menu li a { display: block; font-size: 0.875em; line-height: 1.28571em; outline: none;}
#portal_menu li a:focus, #portal_menu li a:hover {}
#portal_menu li.is-active a { }
#portal_menu ul li{ margin:0; padding:0; list-style:none;cursor:pointer; float:left;}
#portal_menu li a{ padding: 1em 1.09em 0.5em ;}

/* We apply the background hover color when user hover the mouse over of the li component */
/* for IE < 9 we using class .iehover */
#portal_menu ul li:hover, #portal_menu ul li#current,
#portal_menu ul li.iehover{ position:relative;  border-top:4px solid #339900; transition: all 0.3s ease-out 0s;}

/* We apply the link style */
#portal_menu ul li a{color:#339900; display:inline-block; text-decoration:none;font-size:0.8125em; }

/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#portal_menu ul li ul{  position:absolute;  display:none; z-index:2001;}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
/* for IE < 9 we using class .iehover */
#portal_menu ul li:hover ul, 
#portal_menu ul li.iehover ul{left:-35px; display:block; top:35px; position:absolute;}
/* we apply different background color to 2nd level menu items*/
#portal_menu ul li ul li{ background-color:#cae25a; width:100%; border-bottom:solid 1px white;  top:0em; font-size:95%;}

/* We change the background color for the level 2 submenu when hovering the menu */
/* for IE < 9 we using class .iehover */
#portal_menu ul li:hover ul li:hover,
#portal_menu ul li.iehover ul li.iehover{ background-color:#B3D43B;}

/* We style the color of level 2 links */
#portal_menu ul li ul li a{ color:#454444; display:inline-block; width:120px;}

/******** topmenu subscribe **********/

/* We remove the margin, padding, and list style of UL and LI components */

#subscribe_menu { width:32%; float:left; height:45px;  /*background: url(../image/top_portalmenu_right.png) no-repeat;*/ }

#subscribe_menu ul, #subscribe_menu ul li{ margin:0; padding:0; list-style:none; float:right;}
#subscribe_menu ul { }
#subscribe_menu ul li{ cursor:pointer; float:left; /*background: url(../image/top_portalmenu_line.gif) no-repeat center right;*/}
/*#subscribe_menu ul li:last-child{ background:none;}*/
#subscribe_menu ul li:last-child{background-image:none;}

#subscribe_menu li a{padding: 0.8em 1em;}

/* for IE < 9 we using class .iehover */
#subscribel_menu ul li:hover,
#subscribe_menu ul li.iehover{ position:relative;  border-top:4px solid #999; transition: all 0.3s ease-out 0s;}

/* We apply the link style */
#subscribe_menu ul li a{
    color:#666666;
    display:inline-block;
    text-decoration:none;
	font-size:0.8125em; 
}

/**** SECOND LEVEL MENU ****/
/*user hover the parent li item */
#subscribe_menu ul li ul{  position:absolute;  display:none; z-index:2001;}


/* for IE < 9 we using class .iehover */
#subscribe_menu ul li:hover ul, 
#subscribe_menu ul li.iehover ul{
    left:-58px;
    display:block;
	top:35px;
	position:absolute;
}

/* we apply different background color to 2nd level menu items*/
#subscribe_menu ul li ul li{ background-color:#EBEBEB; width:100%;border-bottom:solid 1px white; font-size:95%; background-image:none;}

/* for IE < 9 we using class .iehover */
#subscribe_menu ul li:hover ul li:hover,
#subscribe_menu ul li.iehover ul li.iehover{ background-color:#E1E1E1;}

/* We style the color of level 2 links */
#subscribe_menu ul li ul li a{ color:#454444; display:inline-block; width:120px;}

/* Clear float */
.clear{ clear:both;}