#ticker_container { box-sizing: border-box; overflow: hidden; }
#ticker_container .ticker { width:100%; box-sizing: border-box; position: relative; text-align: left; opacity: 0; }
#ticker_container .ticker_inner { margin: 0px auto; position: relative; }
#ticker_container .ticker_close { position: absolute;  right: 0px; top: 0px; display: inline-block; text-align: center; cursor: pointer; }

/*desktop*/
body:not(.phone) #ticker_container .ticker { border-bottom:4px solid transparent; line-height: 36px; height: 40px;}
body:not(.phone) #ticker_container .ticker_inner { height: 36px; background-repeat: no-repeat; background-size: 30px 30px; background-position: 4px 4px; position: relative; text-indent: 48px;}
body:not(.phone) #ticker_container .ticker_close { font-size: 18px; padding: 0px 4px; }

/*mobile*/
body.phone #ticker_container .ticker { border-bottom: 0px none transparent; line-height: 40px; height: 40px;}
body.phone #ticker_container .ticker_inner { height: 40px; background-size: 0px 0px; margin-left: 8px; }
body.phone #ticker_container .ticker_close { border-left: 1px solid transparent; width: 44px; font-size: 24px; }

#ticker_container.anime .ticker { -webkit-animation: tickerFadein 1s 1s 1 forwards; animation: tickerFadein 1s 1s 1 forwards;}
#ticker_container.anime .ticker.ticker_hide { -webkit-animation: tickerFadeout 1s 0s 1 forwards; animation: tickerFadeout 1s 0s 1 forwards; }

@keyframes tickerFadeout {
  0% { transform: scale(1, 1); opacity: 1; }
  20% { transform: scale(0.95, 0.8); opacity: 0.8; }
  50% { transform: scale(0.95, 0.8); opacity: 0; height: 40px; border-bottom-width: 4px; }
  100% { transform: scale(0.8, 0.8); opacity: 0; height: 0px; border-bottom-width: 0px; }
}
@-webkit-keyframes tickerFadeout {
  0% { transform: scale(1, 1); opacity: 1; }
  20% { transform: scale(0.95, 0.8); opacity: 0.8; }
  50% { transform: scale(0.95, 0.8); opacity: 0; height: 40px; border-bottom-width: 4px; }
  100% { transform: scale(0.8, 0.8); opacity: 0; height: 0px; border-bottom-width: 0px; }
}
@keyframes tickerFadein {
  0% { transform: scale(0.95, 0.8); opacity: 0; }
  100% { transform: scale(1, 1); opacity: 1; }
}
@-webkit-keyframes tickerFadein {
  0% { -webkit-transform: scale(0.95, 0.8); opacity: 0; }
  100% { -webkit-transform: scale(1, 1); opacity: 1; }
}