@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFF; 
	background:#FFF url(../images/header-bg.gif) top repeat-x;
	margin:0;
	font-family: Tahoma, MS Sans Serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-size: 12px; line-height:14px; text-align: center;
	color: #252525;
	margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

a:link {color:#252525; text-decoration: none;}
a:hover {text-decoration:none;}
a:visited {color:#252525; text-decoration: none;}
img{border:0;}
img a{text-decoration:none;}
img a:hover{text-decoration:none;}
form{padding:0;margin:0;}
.l1{ border-bottom:#d7d7d7 dotted 1px;} /*เส้นใต้สีเทา*/
.l2{ border-bottom:#fff dotted 1px;} /*เส้นใต้สีขาว*/
.l3{ border-right:#ffffff dotted 2px;}
.font11{ font-size:11px}
a.rm{ font-size:11px; color:#252525; text-decoration:underline}

/*Oil Price*/
.op{width:260px; height:190px; margin:5px 25px 0px 25px; padding:0; list-style:none}
.op li{ width:260px; height:16px; font-size:11px; color:#666; display:block; margin:0; padding:0}
.op li.row1{ background:#d6f0f6; height:16px;}
.op li.row2{ background:#edf8fb; height:16px;}
.op li span.h{ width:260px; height:16px; display:block; float:left; margin:0; padding:0; text-align:left}
.op li span.type{ width:160px; height:auto; display:block; float:left; margin:0px 0px 0px 10px; padding:0; text-align:left}
.op li span.price{ width:80px; height:auto; display:block; float:right; margin:0px 10px 0px 0px; padding:0; text-align:right; color:#db4c1a}
.op a{ color:#666; text-decoration:underline; margin-top:5px; width:auto; height:auto; float:right;}
/*END*/

/*Gold Price*/
.gp{width:260px; height:65px; margin:10px 25px 0px 25px; padding:0; list-style:none}
.gp li{ width:260px; height:16px; font-size:11px; color:#666; display:block; margin:0px 0px 1px 0px; padding:0; text-align:center}
.gp li span.col1{ width: 77px; height:16px; display:block; float:left; margin:0; padding:0px 0px 0px 5px; text-align:left}
.gp li span.col2{ width: 89px; height:16px; display:block; float:left; margin:0; padding:0; text-align:left}
.gp li span.col3{ width: 89px; height:16px; display:block; float:left; margin:0; padding:0; text-align:left}
.gp li.r2{ background-color:#fbf7bf}
.gp li a{ color:#666; text-decoration:underline; margin-top:5px; width:auto; height:auto;}
/*END*/

#scb{ width:310px; height:auto; margin:0px 0px 0px 0px; padding:0; float:left; list-style:none;}
#scb li{ width:auto; height:auto; margin:0; padding:0; float:left; display:block; background:url(images/box-info-bg.gif);}
#scb li.tablink{width:310px; height:auto; margin:0; padding:5px 0px 0px 0px;}
#scb li.tablink a{ font-size:11px; font-weight:bold; color:#4f2a81; text-decoration:underline; margin:0 ;padding:0;}
#scb li.content{ width:310px; height:140px; position:relative;}
#scb li.content #fx-rates{ width:260px; height:140px; margin:5px 25px 0px 25px; position:absolute;}
#scb li.content #fx-rates h3.box1{ width:75px; height:36px; background-color:#8564b1; display:block; float:left; color:#fff; margin:0px 1px 0px 0px; padding:6px 10px 0px 10px; font-size:11px;text-align:center;}
#scb li.content #fx-rates h3.box2{ width:163px; height:20px; background-color:#8564b1; display:block; float:left; color:#fff; margin:0px 0px 1px 0px; padding:3px 0px 0px 0px; font-size:11px;text-align:center;}
#scb li.content #fx-rates h3.box3{ width:81px; height:16px; background-color:#8564b1; display:block; float:left; color:#fff; margin:0px 1px 1px 0px; padding:2px 0px 0px 0px; font-size:11px;text-align:center;}
#scb li.content #fx-rates h3.box4{ width:82px; height:16px; background-color:#742da2; display:block; float:left; color:#fff; margin:0px; padding:2px 0px 0px 0px; font-size:11px;}
#scb li.content #fx-rates h4{ width:260px; height:auto; background-color:#e3d6f6; display:block; float:left;font-size:11px; margin:0; padding:0; color:#742da2; font-weight:normal}
#scb li.content #fx-rates h4.currency{ width:95px; height:auto; text-align:center; float:left; margin:0; padding:0;}
#scb li.content #fx-rates h4.sell{ width:82px; height:auto; float:left; margin:0; padding:0;text-align:center;}
#scb li.content #fx-rates h4.buy{ width:82px; height:auto; float:left; margin:0; padding:0;text-align:center;}
#scb li.content #fx-rates h5{ width:260px; height:auto; background:#f3edfb; display:block; float:left; font-size:11px; margin:0; padding:0; color:#742da2; font-weight:normal}
#scb li.content #fx-rates h5.currency{ width:95px; height:auto; text-align:center; float:left; margin:0; padding:0;}
#scb li.content #fx-rates h5.sell{ width:82px; height:auto; float:left; margin:0; padding:0;text-align:center;}
#scb li.content #fx-rates h5.buy{ width:82px; height:auto; float:left; margin:0; padding:0;text-align:center;}
#scb li.content #fx-rates a{ width:140px; height:auto; float:right; margin:0; padding:0; color:#742da2; text-decoration:underline; font-size:11px; text-align:right;}
#scb li.content #fx-rates p{ width:120px; height:auto; float:left; margin:0; padding:0; color:#742da2;font-size:11px;text-align:left;}

#scb li.content #interest-rates{ width:260px; height:140px; margin:5px 25px 0px 25px; position:absolute; visibility:hidden}
#scb li.content #interest-rates h3.box1{ width:130px; height:15px; background:#8564b1; display:block; float:left; color:#fff; margin:0px 1px 0px 0px; padding:10px 0px 0px 0px; font-size:11px;text-align:center;}
#scb li.content #interest-rates h3.box2{ width:129px; height:15px; background:#8564b1; display:block; float:left; color:#fff; margin:0; padding:10px 0px 0px 0px; font-size:11px;text-align:center;}
#scb li.content #interest-rates h4{ width:260px; height:auto; background:#e3d6f6; display:block; float:left;font-size:11px; margin:0; padding:0; color:#742da2; font-weight:normal}
#scb li.content #interest-rates h4.type{ width:130px; height:auto; text-align:left; float:left; margin:0; padding:0;}
#scb li.content #interest-rates h4.rate{ width:130px; height:auto; float:left; margin:0; padding:0;text-align:center;}
#scb li.content #interest-rates h5{ width:260px; height:auto; background:#f3edfb; display:block; float:left;font-size:11px; margin:0; padding:0; color:#742da2; font-weight:normal}
#scb li.content #interest-rates h5.type{ width:130px; height:auto; text-align:left; float:left; margin:0; padding:0;}
#scb li.content #interest-rates h5.rate{ width:130px; height:auto; float:left; margin:0; padding:0;text-align:center;}

#scb li.content #interest-rates a{ width:120px; height:auto; float:right; margin:0; padding:0; color:#742da2; text-decoration:underline; font-size:11px; text-align:left;}
#scb li.content #interest-rates a.r{ width:120px; height:auto; float:right; margin:0; padding:0; color:#742da2; text-decoration:underline; font-size:11px; text-align:right;}
#scb li.content #interest-rates p{ width:120px; height:auto; float:left; margin:0; padding:0; color:#742da2;font-size:10px; text-align:left;}
#scb li.content #interest-rates p.at{ width:260px; height:auto; float:left; margin:0; padding:0; color:#fff;font-size:10px; text-align:left; background-color:#8564b1;}

#scb li.content #interest-rates-loans{ width:260px; height:140px; margin:5px 25px 0px 25px; position:absolute; visibility:hidden}
#scb li.content #interest-rates-loans h3.box1{ width:130px; height:15px; background:#8564b1; display:block; float:left; color:#fff; margin:0px 1px 0px 0px; padding:10px 0px 0px 0px; font-size:11px;text-align:center;}
#scb li.content #interest-rates-loans h3.box2{ width:129px; height:15px; background:#8564b1; display:block; float:left; color:#fff; margin:0; padding:10px 0px 0px 0px; font-size:11px;text-align:center;}
#scb li.content #interest-rates-loans h4{ width:260px; height:auto; background:#e3d6f6; display:block; float:left;font-size:11px; margin:0; padding:0; color:#742da2; font-weight:normal}
#scb li.content #interest-rates-loans h4.type{ width:130px; height:auto; text-align:left; float:left; margin:0; padding:0;}
#scb li.content #interest-rates-loans h4.rate{ width:130px; height:auto; float:left; margin:0; padding:0;text-align:center;}
#scb li.content #interest-rates-loans h5{ width:260px; height:auto; background:#f3edfb; display:block; float:left;font-size:11px; margin:0; padding:0; color:#742da2; font-weight:normal}
#scb li.content #interest-rates-loans h5.type{ width:130px; height:auto; text-align:left; float:left; margin:0; padding:0;}
#scb li.content #interest-rates-loans h5.rate{ width:130px; height:auto; float:left; margin:0; padding:0;text-align:center;}

#scb li.content #interest-rates-loans a{ width:120px; height:auto; float:right; margin:0; padding:0; color:#742da2; text-decoration:underline; font-size:11px; text-align:left;}
#scb li.content #interest-rates-loans a.r{ width:120px; height:auto; float:right; margin:0; padding:0; color:#742da2; text-decoration:underline; font-size:11px; text-align:right;}
#scb li.content #interest-rates-loans p{ width:120px; height:auto; float:left; margin:0; padding:0; color:#742da2;font-size:10px; text-align:left;}
#scb li.content #interest-rates-loans p.at{ width:260px; height:auto; float:left; margin:0; padding:0; color:#fff;font-size:10px; text-align:left; background-color:#8564b1;}