/*-----------DEFAULT-----------*/

@charset "utf-8";
/* CSS Document */
*
{
    padding: 0;
    margin: 0;
}
html,body{
	background:#A7FC9A;
 	font-size:22px;
	line-height:24px;
	color:#CCCCCC;  
	margin:0;
	padding:0; 
	height: 100%;
	
	  
	} 
a {
	outline:none;
	text-decoration:none;
	color:#FFFFFF;
}
a.normal:link,.normal {
	outline:none;
	text-decoration:none;
	color:#333333;
}
a:hover {
	text-decoration:none;
}
img {
	border-style:none;
}   
.clear {
	height:0px;
	display:block;
	clear: both;
}
.sp5 {
	height:5px;
	display:block;
	clear: both;
}
.sp10 {
	height:10px;
	display:block;
	clear: both;
}
.sp20 {
	height:20px;
	display:block;
	clear: both;
}
.sp30 {
	height:30px;  
}
.sp50 {
	height:50px;  
}
.sp100 {
	height:100px;  
}
.sp200 {
	height:200px;  
}
/*-- Float --*/
.left {
	float:left;
}
.right {
	float: right !important;
}
 .cordia{
   font-family: "Cordia New", CordiaUPC, FreesiaUPC;
}
.container{
   width:1262px;
   padding: 0px;
   background:url("../images/web/bg_repeat-left.jpg") #8d4613 repeat-y left;
   height:100%;  
   height:auto !important; /* real browsers */
   margin: 0px auto;
 }
/* top header */
.header{
background:url("../images/web/header_building.jpg") no-repeat left top;
width:1262px;
height:182px;  
overflow:hidden;
left:auto;
right:auto;

}
 
.header ul.nav a{color:#333;}
.header ul.nav a:hover{
 color:#666;
 
 	}
.th{font-size:22px;
}
.en{font-size:20px;   
}
.tahom{
font-family: Tahoma, Geneva, sans-serif
}
.header ul.nav li{
	list-style:none; 
	height:32px;	 
        display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline; 
	vertical-align: middle; 
	line-height: 32px
	 
	} 
li.asf{
	list-style:none;  
	padding:15px; 
	display:inline;
}
 
.header ul.nav li.as:hover{
	list-style:none; 
  
	
	width:auto !important;
		background: #fefcea; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWRhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-8 */
position:relative;
}
 
.header .logo{
   	position:absolute;
	top:20px;
	width:150px;	
}
.header .slogan_th{ 
        position:absolute;
	top:37px;
	left: 200px;		
	font-size:35px;
	font-weight:bold;
	color:#fff;
}
.header .slogan_th span{
	display:block;
	font-size:24px;
	font-style:italic;
}
.header .slogan_en{ 
        position:absolute;
	top:27px;
	left: 200px;		
	font-size:45px;
	font-weight:bold; 
	color:#fff;
}
.header .slogan_en span{
 
	display:block;
	font-size:26px;
	font-style:italic;
	 
}
 
  ul.menuright{
	 
	height:20px;
	float:right;
	margin-right:2px;
	
}
ul.menuright li{
	list-style:none;  	
    display: inline;  
	font-size:12px;
	color:#608713;
	font-family:Tahoma, Geneva, sans-serif;
	}
ul.menuright .hom{
 background:url("../images/web/icon_home.png") no-repeat left bottom;
 
 }
 ul.menuright .sitem{
 background:url("../images/web/icon_sitemap.png") no-repeat left bottom;
 
 }
 ul.menuright li span{
	 margin-left:16px;
 }
.menuright li a:link,.header .menuright li a:visited{
	color:#009; 
	font-weight:bold;
  }
.menuright li a:hover{
	color:#FFF;
  }
  ul.flag {
  width:84px;
  height:44px;
  	font-size:12px;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	
  }
  ul.flag li{
	  list-style:none;
	  display:-moz-inline-stack;
	  display:inline; 
	  *display:inline;
	  width:30px;
	  float:left;
	  margin:5px;
  }
  .flag span{
    clear:both;
	display:block;
	
  }
  
  .exchange img{
  margin-top:5px;
  margin-left:5px;
  }
.cordia{
padding:0px;
}
 .left-col{
  width:284px; 
  top:127px;
  min-height:1350px;
  color:#fff;  
  background:#8d4613;
  }
 
  .center-col{
   width:978px;
   background:url("../images/web/bg_repeat-center.jpg") #FFF repeat-x top;
   
   height:1350px;
   margin:0px;
   overflow:hidden;
   position: relative;
  
  }
  .arrow{
   background:url("../images/web/header_menu.png") no-repeat left bottom;
   padding:5px;
  }
  .left-col ul.menuleft li{
  margin-left:20px; 
  list-style:none;
  font-size:20px;
  font-family: "Cordia New", CordiaUPC, FreesiaUPC;
  text-indent:-5px;
  }
    .left-col ul.menuleft li a:hover{
  text-decoration:underline;
  
  }
  
 .left-col  ul li.menuleft:before{ content:"-"; position:relative; left:-5px;}
 
  .normalheader{
  font-size:22px; 
  }

  .content  {
  font-size:20px;
  padding:40px;
  color:#000;
   }
   .search{
   background-color:#8a5834;
   height:30px;
   padding:2px;
   width:100%;
    
   }
   .search span{
   color:#fff;
   margin-left:20px;
   padding:4px;
   display:inline;
   
   }
   .search u{
	padding:4px;
	font-size:24px;    
   }
   
  
/* top header */

/* exchange & clock */

	 .allright{
	   width:164px;
	   background-color:#a2a2a2; 
	   margin:0px;
	  }
	 .ex{
	  background-color:#4a4a4a;
	  min-height:300px;
	 }
	  .clock{
	background-color:#a2a2a2;
	}  
	 .fUSD {
	background-position: 0px 0px;
	}
	 .fEUR {
	background-position: -25px 0px;
	}
	 .fGBP {
	background-position: -50px 0px;
	}
    .fJPY {
	background-position: -200px 0px;
	}
	 .fHKD {
	background-position: -375px 0px;
	}
	 .fSGD {
	background-position: -250px 0px;
	}
	 .fAUD {
	background-position: -100px 0px;
	}
	.flgSprt {
	background: url(../images/web/sprite_currency.png) no-repeat; 
	}
	.flgBxPAD {
	clear: both; 
	height: 19px;
	margin: 1px auto; 
	text-align: right;
	width:25px;
	display:inline-block;
	
 	}
	.country_bar{
		background: url(../images/web/country_bar.png) no-repeat; 
		text-align:center;
		width:92px;
		height:26px;
		overflow:hidden;
		color:#fff;
		margin-right:auto;
		margin-left:auto;
	}
 
		ul.money {
		display:inline-table; 
		margin:5px;
		width:150px;
		}
	  .money{
		  color:#fff;
		  font-size:20px; 
		  text-align:right;
	  }
		ul.money li,ul.hdmoney li,ul.line_currency{
		 
		display:inline-table; 
		list-style:none; 
		color:#fff;
		font-size:20px; 
		 }
		ul.money li.mm{
		 
		text-align:right;
		width:40px;
		display:inline-table; 
		}
	
		ul.hdmoney li.mm{
		padding:4px;
		text-align:right; 
		}
	 .exs{
	  font-size:13px;
	  color:#fff; 
	  margin-left:10px;
	  width:150px;
	  line-height:18px;
	  float:left;
	  margin-top:10px;
	  }
	   .exs2{
	  font-size:11px;
	  color:#fff; 
	  margin-left:10px;
	  width:150px; 
	  float:left;
	  margin-top:-5px;
	  }
/* exchange & clock */
/* new top */
	.new_event{
    float:left;
	width:384px;
	height:364px;
	
	color:#000;
    background: url(../images/web/news_under.png) no-repeat bottom right; 
 	}
	.bodynew{
	 padding:15px;
	 height:310px;
	 overflow:hidden;
	}
	.new_event h2{
	font-size:30px; 
	color:#333;
	}
	.new_event h3{
	font-size:24px; 
	color:#894412;
	}
	._event h2{
	font-size:30px; 
	color:#333;
	}
	._event h3{
	font-size:24px; 
	color:#894412;
	}
	.detailsbttn{
	 background: url(../images/web/bttn_detail.png) no-repeat bottom right; 
     width:109px;
	 height:25px;
	 font-size:20px; 
	 text-align:center;
 	 color:#fff;
     float:right;
	}
	.new-list{
	width:800px;
	height:176px; 
	margin:0px;
	float:left;
	}
	ul.newlist{
		margin-top:10px;
		width:710px;
		float:left; 
		font-size:19px;
		color:#333;
		margin-left:20px;
		
	}
	ul.newlist li{
	    list-style:none;
		margin-left:20px;
		display:inline; 
	}
	
	ul.newlist li span{
		width:150px;
		float:left;
		font-weight:bold; 
		
 	}
	ul.newlist li a{
		 float:left;
		 width:560px;
	}
	ul.newlist li a:link,ul.newlist li a:visited{
 		color:#333;
	}
   ul.newlist li a:hover{
		color:#333;
		text-decoration:underline;
	}
	
	.morebar{
		background: url(../images/web/more_bar.png) no-repeat; 
		text-align:center;
		width:142px;
		height:43px;
		overflow:hidden;
		color:#fff;
		padding-top:10px; 
		margin-right:20px;
		float:right;		 
		font-weight:bold;
	}
	 
/* new top */
/* calendar */
	.calendar{
	 background: url(../images/web/bg_calendar.jpg) no-repeat top right; 
     width:428px;
	 height:364px;
	 float:right;
	 
	}
	.calendar span{
	 font-size:18px;
	 color:#000;
	 font-weight:bold;
	 margin-left:20px;

	}
	.calendar ul.monthline{
	 width:147px;
	 margin-left:25px; 	 
	}
	.calendar ul.monthline li a:hover,.active,calendar ul >li.selected { 
  	 color:#fff;
 	 background: url(../images/web/bg_menu_hover.png) no-repeat right;
	 cursor:pointer;
   	}
    .calendar ul.monthline li:hover { 
  	 color:#fff;
 	 
	 cursor:pointer;
   	}
	.calendar ul.monthline li a:link,.calendar ul.monthline li:link,.calendar ul.monthline li a:visited,.calendar ul.monthline li:visited{ 
	 color:#333;
   	}
 
	/*
	
  .calendar ul.monthline li{
	 list-style:none;
	 height:25px;  
	 font-size:20px;     
	 margin:0px;
 	 color:#333; 
	 background: url(../images/web/bg_menu.png) no-repeat right; 
 	}
	
 	.arrowright{ 
	background: url(../images/web/green_arrow.png) no-repeat right; 
	width:3px;
	height:25px;
	float:right;
	margin-right:-3px;
	 
	}*/
	.Selectm{
	width:142px;
	float:left;
	}
    .Bigm{
 	 float:left;
	 width:286px;
	 height:100%;
	 margin:0px;
	 padding:0px;
		
	}
 
	.number{
	height:150px; 
	
	}
	ul.dmonth{
	 font-size:12px;
	 color:#3333; 
	 margin-left:0px;
	}
	ul.dmonth li {
		list-style:none;
		line-height:15px;
	}
	ul.dmonth li span{
	 font-size:17px;
		display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	 color:#3333;
	 font-weight:bold;
	}
     span.datename{
	 font-size:17px;
	 display:-moz-inline-stack;
	display:inline-block;
	 
	zoom:1;
	*display:inline;
	 color:#666;
	}
	.showoff{
		display:none;
    }
	
.wrapper
{
     width:428px;
	 height:364px;
	
}

.wrapper h1, .wrapper h4, .wrapper p, .wrapper pre
{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
}
.wrapper li
{
    outline: 0;
    text-decoration: none;
    -webkit-transition-property: background color;
    -moz-transition-property: background color;
    -o-transition-property: background color;
    -ms-transition-property: background color;
    transition-property: background color;
    -webkit-transition-duration: 0.12s;
    -moz-transition-duration: 0.12s;
    -o-transition-duration: 0.12s;
    -ms-transition-duration: 0.12s;
    transition-duration: 0.12s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

 
#v-nav >ul
{   height:364px; 
    float: left; 
   /*display: block;   */ 
	margin-left:25px;
    position: relative;
     
}

#v-nav >ul >li
{
     cursor:pointer;
    /*display: block;   */
     position: relative;
     list-style:none;
	 height:28px;   
	 color:#333;   
	padding-left:10px;
	 font-size:13px; 
	 font-family:"Microsoft Sans Serif","MS Sans Serif";
	 background: url(../images/web/bg_menu.png) no-repeat right;      
}

#v-nav >ul >li.current,#v-nav >ul >li:hover
{
    color:#fff;
 	background: url(../images/web/bg_menu_hover.png) no-repeat right;
	cursor:pointer;
    z-index: 10;
    position: relative; 
}

#v-nav >ul >li a:hover
{
   color:#fff;
}

#v-nav >ul >li.current a
{
    color:#fff;
}

#v-nav >div.tab-content
{
    float:left;
    height:300px;
    position: relative;
    z-index: 9;     
    display: none;   
}
.incontent
{
     height:250px; 
    z-index: 9;      
	overflow: hidden;
	width:240px;
	
}
#v-nav >div.tab-content >h4
{
    font-size: 1.2em;
    color: Black;
    text-shadow: 0px 1px 1px #F2F1F0;
    border-bottom: 1px dotted #EEEDED;
    padding-top: 5px;
    padding-bottom: 5px;
}

	/* calendar */
/*footer */  
.footer{
    clear:both;
    width:1263px;
    background-color:#608713; 
	bottom:0; /* stick to bottom */
	min-height:100px;
 
	text-align:center; 
        margin: 0px auto;
  }
.footer .copyright{
	  font-size:18px;
	  color:#fff;   
	  line-height:20px;
	  bottom:4px; 
	  left:40px;
  }
  


  /*footer */


  .no-select{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.content a:link,.content a:visited{
 color: #339966;
}



/* search */
.insearch{ 
margin-top:2px;
width:400px; 
float:right; 
}
.insearch span{
font-weight:bold;
font-size:17px;
}
.insearch input{
font-family:font-family: "Cordia New", CordiaUPC, FreesiaUPC;
}
.searchlist li{
	border-bottom-width:1px;
	border-bottom-style:dashed;
	list-style:decimal

}
/* search */

#table-3 {
	border: 1px solid #339933;
	background-color: #F9F9F9;
	width: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: "Cordia New", CordiaUPC, FreesiaUPC;
	color: #333;
}
#table-3 td, #table-3 th {
	border-top-color: white;
	border-bottom: 2px solid #DFDFDF;
	color: #555;
}
#table-3 th {
	text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
	font-family: "Cordia New", CordiaUPC, FreesiaUPC;
	font-weight: normal;
	padding: 7px 7px 8px;
	text-align: left;
	line-height: 1.3em;
	font-size: 18px;
}
#table-3 td {
	font-size: 22px; 
	vertical-align: top;
	padding: 0 20px;
	line-height: 25px; 
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
}
.padd{
	padding:15px;
}