/* Text roll small */
span.aRollText, div.nRollTxtX, span.nRollTxtX {
	position: relative;
	left: 0; top: -18; width: 100%; height: 70px;
	padding: 0; border: 0; margin: 0;
}
div.nRollTxtX, span.nRollTxtX {
	overflow: hidden;
	top: 10px; max-width: calc(100vw - 40px); height: 40px;
	background: white; color: black;
	white-space: nowrap;
}
ani-roll.Text1 {
	color: #fff0;
}
ani-roll.aRollTextA, ani-roll.aRollTextB, ani-roll.aRollTextC, ani-roll.aRollTextD, ani-roll.aRollTextE, ani-roll.aRollTextF, ani-roll.aRollTextG, ani-roll.aRollTextH, ani-roll.aRollTextI, ani-roll.aRollTextJ, ani-roll.aRollTextK, ani-roll.aRollTextL, ani-roll.aRollTextM, ani-roll.aRollTextN, ani-roll.aRollTextO {
	position: absolute;
	left: 0; width: 100%;
	opacity: 0;
}
ani-roll.aRollTextA, ani-roll.aRollTextF, ani-roll.aRollTextK {
	top: 0px; height: 5px;
}
ani-roll.aRollTextB, ani-roll.aRollTextG, ani-roll.aRollTextL {
	top: 5px; height: 18px;
}
ani-roll.aRollTextC, ani-roll.aRollTextH, ani-roll.aRollTextM {
	top: 18px; height: 34px;
	opacity: 1;
}
ani-roll.aRollTextD, ani-roll.aRollTextI, ani-roll.aRollTextN {
	top: 45px; height: 18px;
}
ani-roll.aRollTextE, ani-roll.aRollTextJ, ani-roll.aRollTextO {
	top: 55px; height: 5px;
}
ani-roll.aRollTextANow {
	animation:
		aRollTextA 1s 0s linear 6,
		aRollTextA 1.50s 6s ease-out 1;
}
ani-roll.aRollTextBNow {
	animation:
		aRollTextB 1s 0s linear 6,
		aRollTextB 1.50s 6s ease-out 1;
}
ani-roll.aRollTextCNow {
	animation:
		aRollTextC 1s 0s linear 6,
		aRollTextC 1.50s 6s ease-out 1;
}
ani-roll.aRollTextDNow {
	animation:
		aRollTextD 1s 0s linear 6,
		aRollTextD 1.50s 6s ease-out 1;
}
ani-roll.aRollTextENow {
	animation:
		aRollTextE 1s 0s linear 6,
		aRollTextE 1.50s 6s ease-out 1;
}
ani-roll.aRollTextFNow {
	animation:
		aRollTextA 4s 0s linear infinite;
}
ani-roll.aRollTextGNow {
	animation:
		aRollTextB 4s 0s linear infinite;
}
ani-roll.aRollTextHNow {
	animation:
		aRollTextC 4s 0s linear infinite;
}
ani-roll.aRollTextINow {
	animation:
		aRollTextD 4s 0s linear infinite;
}
ani-roll.aRollTextJNow {
	animation:
		aRollTextE 4s 0s linear infinite;
}
ani-roll.aRollTextKNow {
	animation:
		aRollTextA 4s 0.5s linear infinite;
}
ani-roll.aRollTextLNow {
	animation:
		aRollTextB 4s 0.5s linear infinite;
}
ani-roll.aRollTextMNow {
	animation:
		aRollTextC 4s 0.5s linear infinite;
}
ani-roll.aRollTextNNow {
	animation:
		aRollTextD 4s 0.5s linear infinite;
}
ani-roll.aRollTextONow {
	animation:
		aRollTextE 4s 0.5s linear infinite;
}
@keyframes aRollTextA {
	  0% { top:  0px; height:  5px; opacity: 0; transform: scale(1, 0.01); }
	  1% { top:  0px; height:  5px; opacity: 1; transform: scale(1, 0.01); }
	 20% { top:  5px; height: 18px; opacity: 1; transform: scale(1, 0.15); }
	 40% { top: 18px; height: 34px; opacity: 1; transform: scale(1, 1.00); }
	 60% { top: 45px; height: 18px; opacity: 1; transform: scale(1, 0.15); }
	 80% { top: 55px; height:  5px; opacity: 1; transform: scale(1, 0.01); }
	 81% { top: 55px; height:  5px; opacity: 0; transform: scale(1, 0.01); }
	100% { top:  0px; height:  5px; opacity: 0; transform: scale(1, 0.01); }
}
@keyframes aRollTextB {
	  0% { top:  5px; height: 18px; opacity: 1; transform: scale(1, 0.15); }
	 20% { top: 18px; height: 34px; opacity: 1; transform: scale(1, 1.00); }
	 40% { top: 45px; height: 18px; opacity: 1; transform: scale(1, 0.15); }
	 60% { top: 55px; height:  5px; opacity: 1; transform: scale(1, 0.01); }
	 61% { top: 55px; height:  5px; opacity: 0; transform: scale(1, 0.01); }
	 80% { top:  0px; height:  5px; opacity: 0; transform: scale(1, 0.01); }
	 81% { top:  0px; height:  5px; opacity: 1; transform: scale(1, 0.01); }
	100% { top:  5px; height: 18px; opacity: 1; transform: scale(1, 0.15); }
}
@keyframes aRollTextC {
	  0% { top: 18px; height: 34px; opacity: 1; transform: scale(1, 1.00); }
	 20% { top: 45px; height: 18px; opacity: 1; transform: scale(1, 0.15); }
	 40% { top: 55px; height:  5px; opacity: 1; transform: scale(1, 0.01); }
	 41% { top: 55px; height:  5px; opacity: 0; transform: scale(1, 0.01); }
	 60% { top:  0px; height:  5px; opacity: 0; transform: scale(1, 0.01); }
	 61% { top:  0px; height:  5px; opacity: 1; transform: scale(1, 0.01); }
	 80% { top:  5px; height: 18px; opacity: 1; transform: scale(1, 0.15); }
	100% { top: 18px; height: 34px; opacity: 1; transform: scale(1, 1.00); }
}
@keyframes aRollTextD {
	  0% { top: 45px; height: 18px; opacity: 1; transform: scale(1, 0.15); }
	 20% { top: 55px; height:  5px; opacity: 1; transform: scale(1, 0.01); }
	 21% { top: 55px; height:  5px; opacity: 0; transform: scale(1, 0.01); }
	 40% { top:  0px; height:  5px; opacity: 0; transform: scale(1, 0.01); }
	 41% { top:  0px; height:  5px; opacity: 1; transform: scale(1, 0.01); }
	 60% { top:  5px; height: 18px; opacity: 1; transform: scale(1, 0.15); }
	 80% { top: 18px; height: 34px; opacity: 1; transform: scale(1, 1.00); }
	100% { top: 45px; height: 18px; opacity: 1; transform: scale(1, 0.15); }
}
@keyframes aRollTextE {
	  0% { top: 55px; height:  5px; opacity: 1; transform: scale(1, 0.01); }
	  1% { top: 55px; height:  5px; opacity: 0; transform: scale(1, 0.01); }
	 20% { top:  0px; height:  5px; opacity: 0; transform: scale(1, 0.01); }
	 21% { top:  0px; height:  5px; opacity: 1; transform: scale(1, 0.01); }
	 40% { top:  5px; height: 24px; opacity: 1; transform: scale(1, 0.15); }
	 60% { top: 18px; height: 34px; opacity: 1; transform: scale(1, 1.00); }
	 80% { top: 45px; height: 24px; opacity: 1; transform: scale(1, 0.15); }
	100% { top: 55px; height:  5px; opacity: 1; transform: scale(1, 0.01); }
}
/* Ticker tape */
ani-roll.nRollTxtXA, ani-roll.nRollTxtXB {
	position: absolute;
	left: 0; top: 8px; height: 40px;
}
ani-roll.nRollTxtXANow {
	animation:
		nRollTxtXA 15s 0s linear infinite;
}
ani-roll.nRollTxtXBNow {
	animation:
		nRollTxtXB 15s 0s linear infinite;
}
ani-roll.nRollTxtXhead {
	color: #9c1306;
}
ani-roll.nRollTxtXstd {
	font-size: 1.0em;
}
ani-roll.nRollTxtXsmall {
	font-size: 1.0em;
}
ani-roll.nRollTxtXtablet {
	font-size: 1.2em;
	margin-top: -3px;
}
ani-roll.nRollTxtXphone {
	font-size: 0.8em;
	padding-top: 2px;
}
@keyframes nRollTxtXA {
	   0% { left:    0%; top:  8px; }
	49.7% { left: -100%; top:  8px; }
	49.8% { left: -100%; top: 99px; }
	49.9% { left:  100%; top: 99px; }
	50.0% { left:  100%; top:  8px; }
	 100% { left:    0%; top:  8px; }
}
@keyframes nRollTxtXB {
	   0% { left:  100%; top:  8px; }
	99.7% { left: -100%; top:  8px; }
	99.8% { left: -100%; top: 99px; }
	99.9% { left:  100%; top: 99px; }
	 100% { left:  100%; top:  8px; }
}
@media (max-width: 1000px) {
	ani-roll.nRollTxtXstd { font-size: 0.9em; padding-top: 1px; }
}
@media (max-width: 850px)  {
	ani-roll.nRollTxtXstd { font-size: 0.8em; padding-top: 2px; }
}
@media (max-width: 760px) {
	ani-roll.nRollTxtXstd { font-size: 0.7em; padding-top: 3px }
}
@media (max-width: 670px) {
	ani-roll.nRollTxtXstd { font-size: 0.6em; padding-top: 4px }
}
@media (max-width: 630px) {
	ani-roll.nRollTxtXstd { font-size: 0.5em; padding-top: 5px }
}
@media (max-width: 520px) {
	ani-roll.nRollTxtXstd { font-size: 0.4em; padding-top: 6px }
}
@media (max-width: 400px) {
	ani-roll.nRollTxtXstd { font-size: 0.3em; padding-top: 7px }
}
@media (max-width: 1350px) {
	ani-roll.nRollTxtXsmall { font-size: 0.9em; padding-top: 1px; }
}
@media (max-width: 1200px) {
	ani-roll.nRollTxtXsmall { font-size: 0.8em; padding-top: 2px; }
}
@media (max-width: 1080px) {
	ani-roll.nRollTxtXsmall { font-size: 0.7em; padding-top: 3px; }
}
@media (max-width: 900px) {
	ani-roll.nRollTxtXsmall { font-size: 0.6em; padding-top: 4px; }
}
@media (max-width: 810px) {
	ani-roll.nRollTxtXsmall { font-size: 0.5em; padding-top: 5px; }
}
@media (max-width: 690px) {
	ani-roll.nRollTxtXsmall { font-size: 0.4em; padding-top: 6px; }
}
@media (max-width: 540px) {
	ani-roll.nRollTxtXsmall { font-size: 0.3em; padding-top: 7px; }
}
@media (max-width: 400px) {
	ani-roll.nRollTxtXsmall { font-size: 0.2em; padding-top: 8px; }
}
@media (max-width: 820px) {
	ani-roll.nRollTxtXtablet { font-size: 0.9em; padding-top: 1px; }
}
@media (min-width: 800px) {
	ani-roll.nRollTxtXphone { font-size: 1.2em; margin-top: -3px; }
}