@charset "utf-8";
											.MainMenuG{		 padding:37px 0; background-color:#fff; } .MainMenuG>.outBox{ } @media screen and (max-width:768px){ .MainMenuG{		 padding:0; } .MainMenuG>.outBox{ margin:0 auto; } }																.MainMenuG{						 width:100%;						}												.MainMenuG .outBox{						 width:100%;						 position:relative;						 text-align:center;						}												.MainMenuG .inBox{						 position:absolute;						 left:0;						 top:0;						 width:100%;						 height:100%;						 text-align:right;						 pointer-events:none;						}												.MainMenuG .logo{						 margin:0 auto;						 width:260px;						 height:40px;						 background-image:url(/hk/images/common/logo-black.svg);						}												.MainMenuG .menu{						 width:calc(100% - 140px);						 margin:0 auto;						 height:100%;						 						}												.MainMenuG .login, .MainMenuG .logout{						 border:1px #ddd solid;						 color:#222;						 font-size:16px;						 padding:0px 18px;						 pointer-events:all;						}												.MainMenuG .userBox{						 padding: 0px 18px;						 pointer-events:all;						}												.MainMenuG .imgBox { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; }												.MainMenuG .imgBox img { width: 100%; height: 100%; opacity: 0; } .MainMenuG .name{ line-height: 40px; } .MainMenuG .nameA{ display:none; } @media screen and (max-width:1280px){ .MainMenuG .outBox{ width:90%; margin:0 auto; text-align:left; } } @media screen and (max-width:768px){ .MainMenuG .outBox{ width:90%; text-align:left; } .MainMenuG .logo{ margin-left:0; width:200px;						 height:60px;						 }						 						 .MainMenuG .menu{						 margin-right:0;						 }						 						 .MainMenuG .login, .MainMenuG .logout { font-size: 16px; padding: 0 10px; } .MainMenuG .userBox{ padding: 0 10px; } .MainMenuG .imgBox { width: 30px; height: 30px; margin-right: 0; } .MainMenuG .name{ display:none; line-height: 30px; } }