@import url('https://fonts.googleapis.com/css?family=Kanit|Prompt');		
		body {
			font-family: Helvetica, Arial, sans-serif;
			background: #ba0000;
		}
		a:link ,a:visited{
				color:inherit; 
				text-decoration:none; 
				cursor:pointer;  
				}
		a:hover {
				color: #cc99ff; 
				text-decoration:none;
				}
		div.stretchy-wrapper {
			width: 100%;
			position: relative;
			background: #ba0000;
			//background: darkred;
			border: 0.1em solid #ba0000;
			height: 13.2em;

		}
 
		div.header-box {
			position: relative;
			width: 100%;
		}
		div.content-box {
			position: absolute;
			left:0em;
			top: 2.8em;
			//border-radius: 0.35em;
			//border: 0.1em solid #ba0000;
			//border: 0.1em solid darkred;
			border-top:  0.1em solid white; 
			border-bottom:  0.1em solid white; 
			width: 100%;
			height: 5.3em;
			//background: #e8c8c8;
			//background: darkred;
			background: #ba0000;
			
			//padding-bottom: 0.1em;
		}
		div.footer-box {
			position: absolute;
			top: 10.3em;
			color: white;
			width: 100%;
			background: #ba0000;
			//background: darkred;
		}
		#txtSalePrice {
			font-size: 2.8em;
			font-weight: bold;
			padding: 1em 0.23em;
			//color: blue;
			color: yellow;
		}
		#txtBuyPrice {
			font-size: 2.8em;
			font-weight: bold;
			padding: 1em 0.23em;
			//color: blue;
			color: yellow;		
		}
		#txtReturnPrice {
			font-size: 2.8em;
			font-weight: bold;
			padding: 1em 0.23em;
			//color: blue;
			color: yellow;
		}
		.txtPrice {
		    animation-iteration-count: 3;
			-moz-animation-iteration-count: 3;
			-webkit-animation-iteration-count: 3;	
			font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
		}
		#txtDiffPrice {
			position: absolute;
			left:1.6em;
			top: 1.1em;
			font-size: 1.8em;
			font-weight: bold;
			//color: green;
			color: #66ff00;
			//text-shadow: 0.03em 0.03em 0.03em white;
			animation-iteration-count: 5;
			-moz-animation-iteration-count: 5;
			-webkit-animation-iteration-count: 5;
		}
		#txtTodayPrice {
			position: absolute;
			right:0.7em;
			top: 0.4em;	
			display: none;			
			color: white;
			font: bold italic 1.3em "Kanit","Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
			text-shadow: 0.03em 0.03em 0.06em black;
		}
		.txtInfo {
			font-family: 'Prompt', sans-serif;	
			font-size: 0.8em;
			color: white;			
		}
		.NcLogo {
			width: 50px;
			height: 50px;
			padding: 0em;
			position: absolute;
			left:0em;
			top: 0em;		
		}
		.GTLogo {
			width: 50px;
			height: 50px;
			padding: 0em;
			position: absolute;
			left:0em;
			top: 0em;
			display: none;
		}
		.NcName {
			width: 125px;
			height: 25px;
			position: absolute;
			left:3.5em;
			top: 0.5em;
			//display: none;
			color: Gold ;
			font: bold italic 1.35em  "Kanit","Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
			text-shadow: 0.03em 0.03em 0.06em black;
		}
		#Arrow {
			width: 50px;
			height: 50px;
			position: absolute;
			left:0.3em;
			top: 1.8em;
			animation-iteration-count: 5;
			-moz-animation-iteration-count: 5;
			-webkit-animation-iteration-count: 5;
		}
		.SumOfChg {
			position: absolute;
			left:1em;
			top: 4.6em;
			color: white;
			font-family: 'Prompt', sans-serif;
			font-size: 0.9em;
		}
		#txtSumOfChg {
			color: #66ff00;
			font-size: 1.1em;
			font-weight: bold;
			//text-shadow: 0.03em 0.03em 0.03em white;
			//animation-iteration-count: 5;
			//-moz-animation-iteration-count: 5;
			//-webkit-animation-iteration-count: 5;
		}
		.stroke {
			/* WebKit (Safari/Chrome) Only */
			// -webkit-text-stroke: 0.03em black;
			/* If we weren't using text-shadow, we'd set a fallback color
			 and use this to set color instead
			-webkit-text-fill-color: white; */
			text-shadow:
			0.03em 0.03em 0.03em white,
			/* Simulated effect for Firefox and Opera
			//and nice enhancement for WebKit */
			-0.03em -0.03em 0.03em white,  
			0.03em -0.03em 0.03em white,
			-0.03em  0.03em 0.03em white,
			0.03em  0.03em 0.03em white;
			// --- if no need stroke use code below instead ---
			//text-shadow: 0.03em 0.03em 0.03em white;
		}
		
		#PoweredBy {
			color: yellow;
		}
		
		.fullScreen {
			align: right;
			text-align: right;
			padding: 0.0em ;
			float: right;			
		}
		.optSound {
			align: left;
			text-align: left;
			padding: 0.0em ;
			float: left;			
		}
		#optSound {
			width: 1.2em;
			height: 1.2em;
		}
		
		#UpdateTime {
			font: bold italic 0.7em "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
			text-align: left;
			color: white;
			padding: 0.5em ;
			float: left;
		}
		.ThaiGoldName {
			padding: 0.5em ;
			font: bold italic 0.7em "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
			float: right;
		}

		.sideright {  float: right;   }

		#infoLine {
			//position: absolute;
			//top: 7em; 
			width: 100.0%;
			font-family: 'Prompt', sans-serif;
			font-size: 0.9em;
			height: 1.3em;
			background: white;
			color: black;

		}

		// table

		#S_quotebar {
			text-decoration:none;
			margin: 0em 0em;
			list-style: none;
			clear: left;
			background:#CAE4FF;
		}
		.S_name {
			font: bold italic 0.6em  Arial, Helvetica, sans-serif;
			color: orange;
			background: darkred;
			//background: red;
		}
		.S_info {
			font: bold italic 0.7em "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
			color: #FFFFFF;
			//color: blue;
			background:#ff6600;
		}
		.S_diff {
			font: 
			italic 0.5em  Arial, Helvetica, sans-serif;
			background:#ccffff;
		}	
		/* Make it a marquee */
		.marquee {
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
			white-space: nowrap;
			box-sizing: border-box;
			animation: marquee 50s linear infinite;
		}

		.marquee:hover {
			animation-play-state: paused
		}

		/* Make it move */
		@keyframes marquee {
			0%   { text-indent: 27.5em }
			100% { text-indent: -105em }
		}