/* dropdown menu */
    .ddmenu             { right: 80px; }
    .ddmenu nav         { visibility:hidden; position:absolute; left:0; top:100%;  } 
    .ddmenu nav a       { display:block; padding:8px 25px; border-bottom:solid 1px #333; background:#ffc; color:#333; cursor:pointer; }
    .ddmenu nav a:hover { background:#cfc; }            
    .ddmenu>a           { margin-left:30px; font-family: 'Poppins Bold', 微軟正黑體; text-transform:uppercase; color:#fff; text-decoration:none; padding-bottom:20px;  transition: all 0.3s ease-out; }
    .ddmenu>a:hover     { border-bottom:5px solid var(--color-main-red); color: var(--color-body);  padding-bottom:20px;}

    .ddmenu>a.dd-current { /*border-bottom:5px solid var(--color-main-red); */ border-bottom: none; color:var(--color-main-red); cursor:default;}
    body.smhead .ddmenu>a.dd-current { /*border-bottom:5px solid var(--color-main-red); */ border-bottom: none;  color:var(--color-main-red); cursor:default; padding-bottom:36px;}

    body.smhead header .ddmenu>a,
  	.fixsmhead header  .ddmenu>a	{ color:#333; padding-bottom:36px; }


    body.green header .ddmenu>a { padding-bottom:20px; }
    body.green.smhead header .ddmenu>a { padding-bottom:36px; }

	
    body.blue .ddmenu>a.dd-current  { color:var(--color-blue);}
    body.red .ddmenu>a.dd-current   { color:var(--color-red);}
    body.green .ddmenu>a.dd-current { color:var(--color-green);}


    /* mobile side menu & ham btn */
    #btham                      { position:absolute; top:10px; right:15px; z-index:1000; padding:15px 13px; background:transparent; color: #fff;
                                  transform:scaleX(1.2); display:none; }
	body.smhead #btham,
	.fixsmhead #btham{ color:#666; }
    .esfpmask                   { position:fixed; width:100%; height:0; background:rgba(0,0,0,0.8); top:0; left:0; z-index:5000; opacity:0;
                                  transition: opacity 0.2s ease-in; }
    body.openesfpm .esfpmask    { height:100%; opacity:1; }
   
    .esfpushm           { position:fixed; top:0; height:100%; background:#fff; display:none;
                          /* transition: all 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); */ color:#fff; z-index:8000; overflow-y: auto;}            
    .esfpushm.right     { right:0; width:100%; text-align:center;}
    body.openesfpm .esfpushm.right { right:0; }
    .esfpushm.left      { left:-70%; width:70%; }
    body.openesfpm .esfpushm.left   { left:0; }

    .esfpushm>a, .esfpushm nav>a    { display:block; padding:20px 20px; color:#333; border-bottom:none; text-decoration:none;text-transform:uppercase; font-family: 'Poppins SemiBold', 微軟正黑體;  }            
    .esfpushm>a.sub                 { padding-right:50px; } /*top level*/
    .esfpushm>a.sub:after           { font-family: FontAwesome; content:"\f054"; top:15px; right:10px; 
                                      position:absolute; transition: transform 200ms ease-in;}                        
    .esfpushm>a.sub.open:after      { transform:rotate(90deg); }                         
    .esfpushm>nav                   { background:#999; padding-bottom:10px; display:none; } /*Sublevel 1*/
    .esfpushm>nav a                 { border-bottom:none; padding:10px 20px 0 30px; }
    .esfpushm>nav a:before          { content:'\2022'; position:absolute; top:11px; left:20px; }
    .esfpushm>nav>nav               {  } /*Sublevel 2*/
    .esfpushm>nav>nav a             { padding:10px 20px 0 50px; }
    .esfpushm>nav>nav>a:before      { left:35px; }
    .esfpushm>nav>nav>nav           {  } /*Sublevel 3*/
    .esfpushm>nav>nav>nav a         { padding:10px 20px 0 70px; }
    .esfpushm>nav>nav>nav>a:before  { left:55px; }


  /* Header menu - right column 
    ---------------------------------------------*/
    .nav-right                    { display: inline-flex; align-items:center;  justify-content:center; top:30px }
    .nav-right div:first-child    { padding-left:0; } 
    img.nav-linkedin              { width: 26px; height: auto;}
    .nav-lang                     { font-family: 'Poppins Bold', 微軟正黑體; text-transform: uppercase; padding-right:30px; padding-top: 20px; padding-bottom: 20px; color:#fff; cursor: pointer; }
    .nav-lang:after               { font-family: FontAwesome; content:"\f054"; top:24px; right:10px; 
                                    position:absolute; transition: transform 200ms ease-in; font-size:12px;transform: rotate(90deg); }
						
	.nav-lang .lang-txt .ltxt { display: none; }
	#body.en .nav-lang .lang-txt .ltxt.en,
	#body.tc .nav-lang .lang-txt .ltxt.tc,
	#body.sc .nav-lang .lang-txt .ltxt.sc{ display: block; }				
	
	.nav-lang .nlm-wrp			  { position: absolute;
									left: 50%;
									top: 100%;
									transform: translateX(-50%); }
	.nav-lang .nlm-inner		  { overflow: hidden; max-height: 0; opacity: 0; transform: translateY(50px); transition: all 0.3s, max-height 0s linear 0.3s; }
	.nav-lang:hover .nlm-inner    { max-height: 350px;  opacity: 1; transform: translateY(0px); transition: all 0.3s, max-height 0s;   }
    .nav-lang-menu                { width:150px; background:#fff; border:2px solid var(--color-main-red); text-align:center;
                                   -webkit-border-radius: 10px;
                                      -moz-border-radius: 10px;
                                           border-radius: 10px;  }
    .nav-lang-menu a               { display: block;  padding:10px 0; border-bottom:1px solid var(--color-main-red); color:#333; text-decoration: none;}
/*     .nav-lang-menu a:hover,
	#body.en .nav-lang-menu a.lang-en,
	#body.tc .nav-lang-menu a.lang-tc,
	#body.sc .nav-lang-menu a.lang-sc{ background-color: var(--color-main-red); color:#fff;  transition: all 0.3s ease-out;} */
	.nav-lang-menu a:hover{ background-color: var(--color-main-red); color:#fff;  transition: all 0.3s ease-out;}
	
    .hd-linkedin        { width:26px; height:26px; background-repeat:no-repeat; margin-right:70px;
                          cursor:pointer;  transition: all 0.3s ease-out; background-image: url(images/icon-linkedin.png); background-size:cover;}
    .hd-linkedin:hover  {transform: scale(1.4);}
    
    body.smhead header .hd-linkedin,
	.fixsmhead header .hd-linkedin { background-image: url(images/icon-linkedin-black.png); background-repeat:no-repeat;  }
    body.smhead header .nav-lang,
	.fixsmhead header .nav-lang{ color:#333 }

	
  /* mobile menu
    ---------------------------------------------*/
    .menu-for-m { display:none; }  


    /* ==========================================================================
        Media Style: no dropdown, section flowdown, sslider flowdown
    ============================================================================= */
    @media only screen and (max-width:1280px) {
    .hd-linkedin { margin-right:70px; }
    .nav-right   { display:none; }
    .ddmenu>a    { padding-bottom:19px;  }
    }

    @media only screen and (max-width:1280px) {
    .ddmenu          { display:none; }
    .esfpushm,#btham { display:block; }   



    .menu-for-m               { display:block; font-family:'Poppins SemiBold', 微軟正黑體; width:100%; border-top:1px solid #ececec; margin-top:20px}  
    .menu-for-m .mfm-padding  { padding:20px; padding-top:30px }
    .menu-for-m .connect-us   { font-size:var( --font-xs); color:#666; }
    .menu-for-m .mfm-linkedin { display:block; padding:15px 0 40px 0 }

    .lang-menu-for-m    { margin-top:40px; }
    .lang-menu-for-m>a  { display:inline-block; color:var(--color-body); text-decoration:none; margin:0 25px; padding-bottom:5px; text-transform:uppercase; }
    .lang-menu-for-m>a:first-child { margin-left:0; }
    .lang-menu-for-m>a:last-child  { margin-right:0; }
    #body.en .lang-menu-for-m>a.lang-en,
  	#body.tc .lang-menu-for-m>a.lang-tc,
  	#body.sc .lang-menu-for-m>a.lang-sc{ color:var(--color-main-red); border-bottom:3px solid var(--color-main-red) }
	
    .close-wrp {  width:100%; text-align:right; padding: 10px 20px 0 0; display: flex; align-items: flex-end; flex-direction: column;}
    .menu-close:after { font-family: FontAwesome; content:"\00d7"; text-align:right; position:relative; font-size:40px; line-height:1; color:var(--color-body);}

    }