﻿.header-live { left: 0; width: 100%; height: 52px; background-color:#3A49A0; background-image:url(/i/v17/i/header_live_2.svg?1); background-repeat: no-repeat; background-position: center center;  box-shadow: 0 5px 10px 0 rgba(51, 68, 77,0.2); clip-path: inset(0 0px -25px 0); }
.header-live > div { margin:0 auto; max-width:1110px; display:flex; align-items:center; height:51px; gap:30px; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; padding:0 40px; justify-content:center; }
.header-live > div::-webkit-scrollbar { display:none; }
.header-live > div a._show { opacity:1; transform:translateY(0); }
.header-live > div a { padding:11px 0;  white-space: nowrap; opacity:0; transform:translateY(-30%);  transition:opacity .25s cubic-bezier(.47,1.64,.41,.8), transform .2s cubic-bezier(.47,1.64,.41,.8);  will-change:opacity,transform; }
.header-live > div a b:nth-child(1) { background-color:#45BC45; color:#fff; font: 700 12px 'NT', sans-serif; letter-spacing: -0.2px; border-radius:5px; text-align:center; padding:4px 8px 3px 8px; margin:0 10px 0 0; position:relative; top:-1px;  }
.header-live > div a b:nth-child(2) { color:#fff; font: 800 15px 'NT', sans-serif; letter-spacing: -0.2px;  text-shadow: 0 0 2px rgba(17, 17, 17, 0.1); }
.header-live > div a u:nth-child(3) { text-decoration: none; color:#fff; font: 800 15px 'NT', sans-serif; letter-spacing: -0.2px; margin:0 0 0 7px; text-shadow: 0 0 2px rgba(17, 17, 17, 0.1); }

@media (max-width: 900px) { 
.header-live { box-shadow: 0 5px 10px 0 rgba(51, 68, 77,0.2); }
}

@media (max-width: 767px) { 
.header-live > div { padding:0 30px; }
}

@media (max-width: 640px) { 
.header-live > div { padding:0 20px; }
}