@charset "utf-8";
/* Copyright (C) 2010 Ngan Hang Online by hotxac */


/* import */
 @import url("navi.css");
 @import url("rightnavi.css");
 @import url("divstyle.css");
 @import url("logo-banks.css");
 @import url("relativebox.css");
 @import url("addition.css"); 


/* layout */
 
body{  
	background:#e2e2e2 url(../images/bg.gif) repeat-x center top;
}

.line{
	border-bottom:1px dashed #e0e0e0;
	margin:5px auto;
}


.container{
	background:stranparent;
	margin:0 auto;
	padding:0;
	width:1000px;
}

.topsection{
	width:100%;
	height:114px;
	position:relative;
}

.topsection #logo{
	width:310px;
	height:69px;
	position:absolute;
	bottom:20px;
	left:0px;
}

.topsection .topbanner{
	width:728px;
	height:90px;
	position:absolute;
	top:10px;
	right:0px;
}

/* Search ATM */

.searchATM{
	width:100%;
	height:29px;
	background::url(../images/atm-bg.png) repeat-x;
	float:right;
}

.searchATM .frmATM{
	height:22px;
	padding:2px;
	line-height:21px;
	margin:0px 10px;
	float:right;
}

.searchATM .frmATM  label{
	font-weight:bold;
}

.searchATM .frmATM input[type=radio]{
	margin-right:3px;
}

.searchATM .frmATM select{
	margin:0px 10px;
	font-size:11px;
	color:#505050;
	width:200px;
}

.searchATM .frmATM .ATMsubmit{
	background:url(../images/atm-ico.png) no-repeat;
	width:30px;
	height:22px;
	margin-top:-2px;
	cursor:pointer;
}



/* ads banner */

.leaderboard{
	width:728px;
	height:90px;
	margin:5px;
	margin-left:0;
	padding:0;
	float:left;
}

.mediumrectangle{
	width:300px;
	margin:0;
	margin:0px 0 10px 0;
	padding:0;
	float:left;
	display:inline;
	
	
	
}

/* Glossary */

.glossary{
	width:267px;
	height:94px;
	background:url(../images/glossary_bg.png) no-repeat center bottom;
	margin:5px 0;
	margin-top:1px;
	padding:0;
	float:left;
}

.glossary .title_g{
	color:#a70303;
	font-weight:bold;
	padding:5px 0px 5px 45px;
}

.glossary .info_g{
	width:247px;
	padding:0 10px;
	padding-top:3px;
	height:30px;
	margin:5px 0;
	margin-bottom:0;
	text-align:justify;
}

.glossary .info_g span{
	background:url(../images/bullet_1.png) no-repeat left center;
	padding-left:8px;
	margin:5px 0;
	margin-right:3px;
	line-height:15px;
	font-size:11px;
}

.glossary .info_g span a{
	color:#000;
}

.glossary .info_g span a:hover{
	color:#245b7d;
	border-bottom:1px dashed #245b7d;
	text-decoration:none;
}

.glossary .frm_glossary{
	width:100%;
	height:30px;
	background:url(../images/glossary_input.png) no-repeat center top;
}

.glossary .frm_glossary input[type=text]{
	width:178px;
	height:15px;
	margin-top:8px;
	margin-left:20px;
	background:transparent;
	color:#828282;
	font-size:11px;
}

.glossary .frm_glossary input[type=submit]{
	width:47px;
	height:22px;
	background:transparent;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}

/* Content Wrapper */

.contentwrapper{
	width:700px;
	float:left;
	margin-top:5px;
}

.hotnews{
	background:#fff;
	border:1px #cbcbcb solid;
	width:693px;
	height:284px;
	margin:0 5px 5px 0;
	float:left;
}

/* Services */

.services_l{
	background:#fff;
	border:1px #cbcbcb solid;
	width:223px;
	height:294px;
	float:left;
	overflow:hidden;
}

.services_l h4{
	width:203px;
	height:20px;
	margin:5px 0;
	padding:2px 10px 5px 10px;
	border-bottom:1px #e0e0e0 solid;
}

.services_l h4 .span_per{
	width:80px;
	color:#245b7d;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	background:url(../images/personal-ico.png) no-repeat left center;
	padding-left:20px;
	float:left;
}

.services_l h4 .span_per a{
	color:#245b7d;
}

.services_l h4 .span_per a:hover{
	border-bottom:1px dashed #245b7d;
	text-decoration:none;
}

.services_l h4 .span_biz{
	width:80px;
	color:#245b7d;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	background:url(../images/business-ico.png) no-repeat left center;
	padding-left:20px;
	float:left;
}

.services_l h4 .span_biz a{
	color:#245b7d;
}

.services_l h4 .span_biz a:hover{
	border-bottom:1px dashed #245b7d;
	text-decoration:none;
}

.services_l ul{
	width:203px;
	margin:5px 0;
	margin-top:0;
	padding:0 10px;
}

.services_l ul li{
	line-height:15px;
	padding:5px 0;
	border-bottom:1px dashed #e0e0e0;
}

.services_l ul li a{
	color:#d2310c;
	font-weight:bold;
}

.services_l ul a:hover{
	border-bottom:1px dashed #d2310c;
	text-decoration:none;
}

.services_l ul li span{
	display:block;
	color:#505050;
	font-size:11px;
	text-transform:lowercase;
}

.services_l ul li span:first-letter{
	text-transform:uppercase;
}


/* Services */


/* News */
/*
.newswrapper{
	background:#fff;
	border:1px #cbcbcb solid;
	width:343px;
	float:left;
	margin:0 5px 5px 0;
}

.newswrapper h2{
	width:323px;
	height:20px;
	margin:0px 5px 0 0px;
	padding:5px 10px 5px 10px;
	border-bottom:1px #e0e0e0 solid;
}

.newswrapper h2 span{
	color:#245b7d;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	background:url(../images/news-ico.png) no-repeat left center;
	padding-left:18px;
	margin-left:5px;
}

.newswrapper h2 span a{
	color:#245b7d;
}

.newswrapper h2 span a:hover{
	color:#245b7d;
	border-bottom:1px dashed #245b7d;
	text-decoration:none;
}

.newswrapper .newsinfo{
	width:323px;
	margin:5px 0px 0px 0px;
	padding:5px 5px 10px 15px;
	border-bottom:1px #e0e0e0 solid;
	height:140px;
}

.newswrapper .newsinfo .title_news{
	width:323px;
	line-height:15px;
	font-size:12px;
	color:#a70303;
	font-weight:bold;
	overflow:hidden;
}

.newswrapper .newsinfo .title_news a{
	color:#a70303;
}

.newswrapper .newsinfo .title_news a:hover{
	color:#d2310c;
	border-bottom:1px dashed #d2310c;
	text-decoration:none;
}

.newswrapper .newsinfo .title_news span{
	font-size:11px;
	color:#999999;
	display:block;
	font-weight:normal;
}

.newswrapper .newsinfo .info_1{
	width:323px;
	height:115px;
	overflow:hidden;
}

.newswrapper .newsinfo .info_1 img{
	width:84px;
	height:84px;
	padding:2px;
	margin:5px 5px 0px 0px;
	background:transparent;
	border:1px solid transparent;
	float:left;
}

.newswrapper .newsinfo .info_1 img:hover{
	background:#e3ecf8;
	border:1px solid #ccdef3;
}

.newswrapper .newsinfo .info_1 p{
	line-height:18px;
	margin:0 3px 0 5px;
	margin-top:0;
	padding-top:5px;
	text-align:justify;
}


.newswrapper .relative_1{
	width:333px;
	margin:5px 0;
	padding:0 5px;
}

.newswrapper .relative_1 ul{
	width:318px;
}

.newswrapper .relative_1 ul li{
	width:100%;
	border-bottom:1px dashed #e0e0e0;
	line-height:18px;
	padding:5px 0 5px 12px;
	height:14px;
	overflow:hidden;
	background:url(../images/bullet_3.png) no-repeat left 12px;

}

.newswrapper .relative_1 ul li a{
	color:#000;
	font-weight:normal;
	font-size:11px;
}

.newswrapper .relative_1 ul li a:hover{
	color:#d2310c;
	text-decoration:none;
}

.newswrapper .newsfilter{
	background:url(../images/news-filter-bg.png) no-repeat;
	width:343px;
	height:35px;
}

.frmfilter{
	width:343px;
	height:35px;
}

.frmfilter select {
	font-size:11px;
	color:#5e5e5e;
	margin:8px 2px 8px 8px;
	float:left;
}

.frmfilter input[type="submit"]{
	cursor:pointer;
	width:50px;
	height:20px;
	padding:0;
	margin:8px 0px 5px 20px;
	display:inline;
	font-size:12px;
	color:#d2310c;
	background:transparent;
	font-weight:bold;
	float:left;
	cursor:pointer;
}
*/ 

/* News */


/* Bank sys */
.banksys{
	background:#fff;
	border:1px #cbcbcb solid;
	width:693px;
	height:100px;
	float:left;
	margin-bottom:5px;
}

.banksys .bank_hover {
	width:87px;
	height:88px;
	cursor:pointer;
	margin:6px 6px;
	float:left;
	position:relative;
}

.banksys .bank_hover:hover {
	background:url(../images/bank-hover.png) no-repeat;
	text-decoration:none;
}

.banksys .bank_hover:hover div{
	color:#fff;
	text-decoration:none;
}

.banksys .bank_hover a:hover{
	text-decoration:none;
}

.banksys .bank_hover  div{
	color:#116496;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	width:81px;
	text-align:center;
	position:absolute;
	bottom:15px;
	left:3px;
}


.banksys .bank_hover img{
	width:71px;
	height:45px;
	margin:12px 8px 20px 8px;
}
/* Bank sys */




/* rate */
.rate{
	background:#fff;
	border:1px #cbcbcb solid;
	width:300px;
	float:left;
	margin:0 5px 5px 0;
}

.rate .rate_line{
	background: url(../images/rate_line.png) no-repeat center center;
	width:3px;
	min-height:100px;
	float:left;
}

.rate_wrapper{
	width:175px;
	float:left;
}

.rate_wrapper h4{
	color:#a70303;
	width:137px;
	height:15px;
	font-weight:bold;
	font-size:11px;
	padding: 7px 10px 0px 10px;
	margin-left:5px;
}

.rate_wrapper span{
	font-weight:normal;
}

.rate_wrapper .element{
	width:175px;
	height:20px;
	margin:5px auto;
	background:#f3f1ed;
}

.rate_wrapper .element table{
	width:150px;
	height:20px;
	margin:0 auto;
}

.rate_wrapper .element table td{
	color:#000;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}

.rate_wrapper .rate-info{
	width:150px;
	margin:0 auto;
}

.rate_wrapper .rate-info table{
	width:150px;
	margin:0 auto;
}

.rate_wrapper .rate-info table td{
	color:#000;
	font-size:11px;
	text-align:center;
	height:20px;
}
/* rate */



/* side bar */

.sidebar{
	width:300px;
	float:left;
	padding:0px 0px 5px 0;
	margin-top:10px;
}


/* Services */

.services{
	background:#fff;
	border:1px #cbcbcb solid;
	width:298px;
	float:left;
	margin-bottom:5px;
}

.services .services-hdr{
	width:298px;
	height:40px;
	background:#fff url(../images/service-hdr-bg.png) repeat-x top top;
}

.services .services-hdr h4{
	width:268px;
	line-height:30px;
	padding:5px 0px 5px 30px;
	border-bottom:1px #e0e0e0 solid;
	background:url(../images/services-ico.png) no-repeat  12px 14px;
	color:#a70303;
}


.services .services-info{
	width:298px; 
	margin:0px 0;
}

.services .services-info ul{
	width:298px;
}

.services .services-info ul li{
	padding:10px 8px 10px 18px;
	line-height:15px;
	text-align:justify;
	background: url(../images/bullet_3.png) no-repeat 8px 15px;
}

.services .services-info ul li.odd{
	background:#eff2ee url(../images/bullet_3.png) no-repeat 8px 15px;
}

.services .services-info ul li a{
	font-size:12px;
	color:#124e7c;
	font-weight:bold;
}

.services .services-info ul li span{
	display:block;
	color:#505050;
	font-size:11px;
	text-transform:lowercase;
}

.services .services-info ul li a:hover{
	color:#a70303;
	border-bottom:1px dashed #a70303;
	text-decoration:none;
}

/* tag Cloud */

.tagcloud{
	background:#f2f2f2;
	border:1px #cbcbcb solid;
	width:298px;
	margin-bottom:5px;
	float:left;
}

.tagcloud h4{
	width:258px;
	height:18px;
	padding:7px 5px 5px 25px;
	border-bottom:1px #e0e0e0 solid;
	background:url(../images/tagcloud-ico.png) no-repeat  5px 6px;
	color:#a70303;
}

.tagcloud .taginfo{
	width:278px;
	padding:5px;
}

.tagcloud .taginfo p{
	font-size:11px;
	color:#000;
	text-align:justify;
	line-height:15px;
}

.tagcloud .taginfo select{
	font-size:11px;
	color:#a0a0a0;
	width:250px;
	margin:5px 10px;
}

.tagcloud img{
	margin:2px;
}


/* tag Cloud */

.newswrapper h2 span a:hover{
	color:#245b7d;
	border-bottom:1px dashed #245b7d;
	text-decoration:none;
}


/* side bar */


.recruit{
	background:#FC6;
	width:300px;
	height:90px;
	margin-bottom:5px;
	float:left;
}


/* Foot logo */

.footlogo{
	background:#fff;
	border:1px #cbcbcb solid;
	width:998px;
	float:left;
	margin:0px 0;
}

.footlogo .logo-sys{
	width:948px;
	margin:5px auto;
	padding:0 25px;
	border-bottom:1px #c7c7c7 solid;
}

.footlogo .logo-sys img{
	height:32px;
	margin:5px 10px;
}

.footlogo .foot-navi{
	width:948px;
	margin:5px auto;
	padding:0 25px;
	text-align:center;
}

.footlogo .foot-navi ul{
	margin:0;
	padding:0;
}

.footlogo .foot-navi ul li{
	line-height:20px;
	display:inline;
	color:#aaa9a9;
}

.footlogo .foot-navi ul li a{
	color:#aaa9a9;
	font-size:11px;
	padding:0;
	margin:0 30px;
}	

.footlogo .foot-navi ul li a:hover{
	border-bottom:1px dashed #a70303;
	color:#a70303;
	text-decoration:none;
}


/* Foot logo */


.footer{
	width:100%;
	float:left;
	padding-bottom:10px;
}

.footer .col{
	width:220px;
	float:left;
	margin:10px;
	margin-top:20px;
}

.footer .col h4 a{
	color:#a70303;
	font-weight:bold;
	font-size:14px;
}

.footer .col h4 a:hover{
	border-bottom:1px dashed #a70303;
	text-decoration:none;
}

.footer .col ul{
	margin:10px 0;
	padding:0;
}

.footer .col ul li{
	line-height:17px;
}

.footer .col ul li a{
	color:#000;
	font-size:11px;
}

.footer .col ul li a:hover{
	border-bottom:1px dashed #a70303;
	color:#a70303;
	text-decoration:none;
}

.footer .col .newsletter{
	background:#efefef;
	width:290px;
	border:5px #fff solid;
	padding:10px;
}

.footer .col .newsletter h4{
	color:#a70303;
	font-weight:bold;
	font-size:12px;
	padding:0px 0 10px 0;
}

.footer .col .newsletter .newsletter-form{
}

.footer .col .newsletter .newsletter-form  input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 220px;
	height:15px;
	float: left;
	margin-bottom: 10px;
	border:1px solid #c4c4c4;
	color: #bbbbbb;
	padding:3px 0px 3px 10px;
	font-family:Helvetica, Arial, Sans-serif;
	font-size:11px;
}

.footer .col .newsletter .newsletter-form input[type="submit"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width:52px;
	height:24px;
	padding:2px 4px 2px 4px;
	color: #8f9185;
	border:1px solid #c2c4b7;
	text-transform: uppercase;
	font-family:Helvetica, Arial, Sans-serif;
 	font-size:12px;
	background: url(../images/btn_mail.gif) repeat-x;
	font-weight: bold;
	outline:none; 
	float:left;
	margin:0px 2px 3px 4px;
}
.footer .col .newsletter .newsletter-form input[type="submit"]:hover{
	border:1px solid #c2c4b7;
	background-image: url(../images/btn_mail_hover.gif) repeat-x;
	cursor:pointer;	
	color:#000;
}

.footer .col .newsletter span{
	color:#676767;
	font-size:11px;
	width:300px;
	margin:0 auto;
	line-height:15px;
}

.footer .col .copyright{
	width:310px;
	font-size:11px;
	padding:15px 5px;
	line-height:15px;
}

/*footer service*/

header_ser{
	width:100%;
	height:35px;
	background:transparent;
	border-bottom:3px solid #dbdfe6;
}

.header_ser div{
	width:400px;
	float:left;
	padding-left:100px;
}

.header_ser  div h2{
	line-height:35px;
	display:inline;
	padding-left:20px;
}

.header_ser div h2 a{
	color:#627178;
}

.header_ser div h2 a:hover{
	border-bottom:1px dashed #627178;
	text-decoration:none;
}

.header_ser div a{
	color:#627178;
	line-height:35px;
	display:inline;
	padding-left:20px;
	font-weight:bold;
}

.header_ser div a:hover{
	border-bottom:1px dashed #627178;
	text-decoration:none;
}



.foot_service{
	float:left;
	width:1000px;
	background:#FFF;
	border:1px #cbcbcb solid;
	margin:5px 0px;
}
	
.foot_service ul.ser_col{
	width:490px;
	margin:5px;
	float:left;
	display:inline;
}

.foot_service ul.ser_col li{
	margin:5px;
	display:block;
}

.foot_service ul.ser_col li .ser_group{
	width:80px;
	float:left;
	display:inline;
	color:#8f0000;
	text-transform:uppercase;
	font-weight:bold;
	padding:5px 10px;
	text-align:right;
	line-height:18px;
}

.foot_service ul.ser_col li ul.ser_list{
	float:left;
	margin:0;
	padding:5px 10px;
	display:inline;
	width:360px;
	background:#efefef;
}

.foot_service ul.ser_col li ul.ser_list li{
	background:url(../images/bullet_5.png) no-repeat left center;
	padding-left:8px;
	margin:0 3px;
	display:inline;
	height:15px;
}

.foot_service ul.ser_col li ul.ser_list li a{
	color:#616161;
	line-height:20px;
	font-size:11px;
	margin:0;
	padding:0;

}

.foot_service ul.ser_col li ul.ser_list li a:hover{
	border-bottom:1px dashed #8f0000;
	color:#8f0000;
	text-decoration:none;
}

a#keywordlinking {
	color:blue;
	text-decoration:underline;	
}
/*footer service*/