.pg-header{ display:flex; flex-direction:column; position:fixed; z-index:50; left:0; right:0; top:0; height:98px; transition:height 0.4s; background:#f13939; /* border-bottom-left-radius:16px; border-bottom-right-radius:16px; */ box-shadow:1px 1px 3px #b7b7b7;
}
.pg-loc{ display:flex; align-items:center; padding:0 3.5%; height:50%
}
.pg-loc-title{ position:relative; width:26%; margin:0 .5rem; color:#ffffff; font-size:1.4rem; line-height:42px; vertical-align:middle; padding-left:0.5rem;
}
.pg-loc-title:before{ content:''; position:absolute; border-left:1px solid #ff8d8d; height:12px; top:16px; left:-3px;
}
.pg-loc-nav{ text-align:right; height:100%; display:flex; flex:1; justify-content:flex-end; vertical-align:middle;
}
.pg-loc-logout, .pg-loc-home, .pg-loc-back{ color:white; font-size:1.4rem; transition:transform 0.1s; margin:0 .7rem;
}
.pg-loc-logout:active, .pg-loc-home:active, .pg-loc-back:active{ transform:scale(0.9, 0.9);
}
.pg-loc-back{ font-size:1.7rem
}
.pg-user{ display:flex; justify-content:flex-start; align-items:center; width:30%; height:100%; color:white;
}
.pg-user .ico{ font-size:1.6rem; margin-right:2px
}
.pg-header.mini-header, .pg-loc{ height:50px;
}