* {
	margin: 0;
	padding: 0;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
}
img {border: none;}

#krungsri-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	text-indent: -999em;
	background: url(/svcfcc/img/progress.gif) no-repeat center center;
}
#krungsri {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -999;
	height: 100%;
	width: 100%;
}
#krungsri img {
	width: auto;
	height: auto;
	position: relative;
	display: none;
	outline: none;
	border: none;
}
#krungsri.speed img {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}	/*Speed*/
#krungsri.quality img {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}			/*Quality*/
#krungsri li {
	display: block;
	list-style: none;
	z-index: -30;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;
}
#krungsri a {
	width: 100%;
	height: 100%;
	display: block;
}
#krungsri li.prevslide {
	z-index: -20;
}
#krungsri li.activeslide {
	z-index: -10;
}
#krungsri li.image-loading {
	background: #111 url(/svcfcc/img/progress.gif) no-repeat center center;
	width: 100%;
	height: 100%;
}
#krungsri li.image-loading img {
	visibility: hidden;
}
#krungsri li.prevslide img, #krungsri li.activeslide img {
	display: inline;
}

/*--------------------- language ------------------------*/
.language { 
    height: 24px;
	position: fixed;
	overflow: hidden;
	top: 36px;
	z-index: 9999;
	width: 900px;
	margin: 0px auto ;
	right: 0px;
	padding-right: 15%;	
	left: 0px;
	padding-left: 75%;	

}
.pic_language {
	background-image: url(/svcfcc/img/language1.jpg);
	height: 24px;	
}
.EngON {
	width: 57px;
	right: 95px;
	background-position: 60px 0px;
	float: left;
	cursor: pointer;
}
.EngOFF {
	width: 57px;
	right: 95px;
	background-position: 60px 29px;
	float: left;
	cursor: pointer;
	cursor: pointer;
}
.thaiON {
	width: 30px;
	right: 30px;
	background-position: 0px 0px;
	float: left;
	margin-top: 1px;
}
.thaiOFF {
	width: 30px;
	right: 30px;
	background-position: 0px 29px;
	float: left;
	margin-top: 1px;
	cursor: pointer;
}
.EngOFF:Hover {
	width: 57px;
	right: 95px;
	background-position: 60px 87px;
}
.thaiOFF:Hover {
	width: 30px;
	right: 30px;
	background-position: 0px 87px;
	margin-top: 1px;
}

/*---------------------------------------------------------*/
#container {
	min-height: 100%;
	position: relative;
}
#header {
	width: 100%;
	height: 65px;
	float: left;
	background: url(/svcfcc/img/bg_head.jpg) left top
		repeat-x;
	z-index: 800;
	margin: 0;
	position: absolute;
}

#bg_head {
	background: url(/svcfcc/img/bg_head.jpg) right top
		no-repeat;
	z-index: 8;
	float: right;
	height: 70px;
	width: 100%;
	position: absolute;
}

#logo {
	background: url(/svcfcc/img/logo.png) left
		top no-repeat;
	height: 70px;
	z-index: 9999;
	width: 900px;
	margin: 0px auto ;
	
}
#body {
	padding: 0px;
	padding-bottom: 20px;	/* Height of the footer */
}
.center {
	width: 950px;
	margin: 0 auto;
	padding-top: 45px;
}
/* other non-essential CSS */
#header p,  #header h1 {
	margin: 0;
	padding: 0px 0 0 0px;
}
#main-menu{
	bottom: 0;
	width: 900px;
	height: 210px;
	position: absolute;
}

/*------- footer -----------*/
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20px;			/* Height of the footer */
	background-color:#6F5F5E;
	z-index: 999;
}
#verrify {
	right: 0;
	bottom: 0;	
	position: absolute;
	background:url(/svcfcc/img/versign_05.jpg) left top no-repeat ;
	width: 75px;
	height: 33px;	
	right: 0px;
	bottom: 20px;
}
#copyright {
	background: url(/svcfcc/img/copyright.jpg) left top
		no-repeat;
	width: 285px;
	height: 20px;
	float: left;
	margin-left: 1%;
}

/*----------------------------- BNT --------------------------------*/
.bnt-private {
	background: url(/svcfcc/img/bnt-privacy.jpg) left
		bottom no-repeat;
	width: 120px;
	height: 20px;
	float: right;
	cursor: pointer;
	margin-right: 1%;
}
.bnt-private:hover {
	background-position: left top;
}

/*--------------- Login ----------------------*/
.bg_input {
	background: url(/svcfcc/img/bg-input_18.png) left top no-repeat;
	float: left; width: 255px; height: 23px; margin: 0 0 6px 25px;
}
input {
	border: 0 none;
	height: 18px;
	width: 220px;
	margin-top: 4px;
	font-weight: bold;
	color: #A7A9AB;
	text-decoration: none;
	background: none;
	float: left;
	position: absolute;
	margin-left: 92px;
}
#level1_div p,#level2_div p {
	position: relative;
	margin: 5px;
}

#level1_div p label, #level2_div p label {
position: absolute;
top: 5px;
left: 5px;
width: 227px;
font-weight: normal;
color: #666666;
text-decoration: none;
background: none;
}

#level1_div p br,#level2_div p br {
	display: none;
}

#level1_div fieldset p input,#level2_div fieldset p input,#level1_div fieldset p textarea,#level2_div fieldset p textarea {
	display: block;
	padding: 4px;
	width: 400px;
	margin: 0;
}

#level1_div fieldset p label,#level2_div fieldset p label {
	width: 380px;
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
}

#level1_div fieldset p textarea,#level2_div fieldset p textarea {
	padding: 2px;
	width: 404px;
}

#level1_div fieldset p textarea,#level2_div fieldset p textarea,#level1_div fieldset p input,#level2_div fieldset p input {
	border: solid 1px #ccc;
}

#level1_div fieldset p label ,#level2_div fieldset p label {
	color: #777;
}
.login {
	width: 305px;
	height: 350px;
	margin: 15px 0 0 20px;
	float: left;
	background: url(/svcfcc/img/gb-login-50.png) left top no-repeat;
}
.txt_login_01 {
	font-weight: bold;
	color:#999;
	text-decoration: none;
	margin-left: 18px;
	margin-top: 4px;
	height: 15px;
}
.text_login_display {
	color: #999;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin-left: 8px;
	position: absolute;
	height: 15px;
    margin-top: 4px;
}
.krungsri-online{ 
	background: url(/svcfcc/img/krungsri-first-choice-cards.png) left top no-repeat;
	width:174 px; 
	height:23px; 
	margin: 25px 0  15px 25px;  
}
	
}
.yellow-point {
	margin: 0px 0 0 330px;
	width: 76px;
	height:  65px;
	cursor: pointer;
	background: url(/svcfcc/img/yellow-point.jpg) left bottom no-repeat;
}
.yellow-point:hover {
	background-position: left top;
}
.text {
	margin-left: 50px;
	width: 200px;
	height: 50px;
	background-color: #03F;
	margin-top: 350px;
	margin-bottom: 50px;
}

/*-------------- main-menu -----------------------*/
ul#navigation { 
	/*padding-left: 48px;   */
    z-index: 700;
	width: 1090px;
	display: block;
	height: 84px;
	position: absolute;
	overflow: hidden;
	bottom: 12px;	
}
ul#navigation li {
	width: 170px;
	hight: 70px;
	float: left;
	margin-left: 2px;
   z-index: 700;
   list-style-type: none;
	  
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
			
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*/
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 
	filter: alpha(opacity=60);*/
	
	/* Older than Firefox 0.9 
	-moz-opacity:0.6;*/
	
	/* Safari 1.x (pre WebKit!) 
	-khtml-opacity: 0.6;
    */
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ 
	opacity: 0.6;*/
}
ul#navigation li a {
    display: block;
    margin-left: -2px;
    width: 165px;
    height: 86px;    
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position: left top;
}
ul#navigation li:hover {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7
	filter: alpha(opacity=100); */
	
	/* Older than Firefox 0.9 
	-moz-opacity:1;
	*/
	/* Safari 1.x (pre WebKit!) 
	-khtml-opacity: 1;*/
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ 
	opacity: 1;*/
}
ul#navigation .en_main_website a {
	background: url(/svcfcv/img/en-main-website.png);
}

ul#navigation .en_cardact a {
	background: url(/svcfcc/img/en-cardact.png);
}

ul#navigation .en_ecate a {
	background: url(/svcfcc/img/en-ecate.png);
}

ul#navigation .en_faq a {
	background: url(/svcfcc/img/en-faq.png);
}

ul#navigation .en_contactus a {
	background: url(/svcfcc/img/en-contactus.png);
}

ul#navigation .th_main_website a {
	background: url(/svcfcv/img/th-main-website.png);
}

ul#navigation .th_cardact a {
	background: url(/svcfcc/img/th-cardact.png);
}

ul#navigation .th_ecate a {
	background: url(/svcfcc/img/th-ecate.png);
}

ul#navigation .th_faq a {
	background: url(/svcfcc/img/th-faq.png);
}

ul#navigation .th_contactus a {
	background: url(/svcfcc/img/th-contactus.png);
}

ul#navigation .en_ebilling a {
	background: url(/svcfcv/img/en-ebilling.png);
}

ul#navigation .th_ebilling a {
	background: url(/svcfcv/img/th-ebilling.png);
}
/*---------------------------------------------------------------------*/

#sub_navigation {
	/*float:right;
	margin:0;
	padding:0;
	bottom: 12px;*/
	/*
	padding-left: 110px;
	z-index: 700;
	width: 1024px;
	display: block;
	height: 64px;
	position: absolute;
	bottom: 100px;
	*/
	width: 1124px;
	display: block;
	height: 400px;
	position: absolute;
	top: 15px;	
	bottom: 1px;	
}

#sub_navigation li a, #sub_navigation li {
	float:left;
	margin-left: 5px;
}

#sub_navigation li {
	width: 105px;
	hight: 400px;
	float: left;
	margin-left: 2px;
	z-index: 700;
	list-style:none;
	position:relative;
}

#sub_navigation li a {
	display: block;
	margin-left: -12px;
	width: 100px;
	height: 40px;
	color:black;
	background-repeat: no-repeat;
	background-position: left top;
}
#sub_navigation .mainmenu a {
	background: url(/svcfcv/img/mainmenu.png);
}
#sub_navigation .sub1 a {
	background: url(/svcfcv/img/sub1.png);
}
#sub_navigation .sub2 a {
	background: url(/svcfcv/img/sub2.png);
}
#sub_navigation .sub3 a {
	background: url(/svcfcv/img/sub3.png);
}

/* Sub-Menu */
#sub_navigation li ul {
	height: 290px;
	display:none;
	position:absolute;
	left:0;
	top:100%;
	margin:0;
	padding:0;
	margin-left: 10px;
}

#sub_navigation li:hover ul {
	display:block;

}
#sub_navigation li ul li, #sub_navigation li ul li a {
	float:none;
}

#sub_navigation li ul li a {
	width: 140px;
	height: 25px;
	display: block;
	margin-left: -20px;
	background-repeat: no-repeat;
	background-position: left top;
}
/*------------------- space ** ช่องว่างสำหรับดัน footer ในกรณีที่หดหน้าเพจ --------------------------*/
.space {
	width: 5px;
	height: 415px;		
	position: relative;
}

.ads-txt-en {
background: url(/svcfcv/img/acc-sum-en.png);
width: 295px;
height: 174px;
margin-left: 23px;
bottom: 0px;
margin-right: 8%;
top: 405px;
position: fixed;
}
.ads-txt-en:hover {
background: url(/svcfcv/img/acc-sum-en-hover.png);
}
.ads-txt-th {
background: url(/svcfcv/img/acc-sum-th.png);
width: 295px;
height: 174px;
margin-left: 23px;
bottom: 0px;
margin-right: 8%;
top: 405px;
position: fixed;
}
.ads-txt-th:hover {
background: url(/svcfcv/img/acc-sum-th-hover.png);
}


.ads-txt-th.apply-vc-txt-th{
		top: 494px;
		background-image: url("/svcfcv/img/apply-vc-th.png");
}
	
.ads-txt-en.apply-vc-txt-en{
		top: 493px;
		background-image: url("/svcfcv/img/apply-vc-en.png");
}
	
.ads-txt-th.apply-vc-txt-th:hover{
		background-image: url("/svcfcv/img/apply-vc-th-hover.png");
}
	
ads-txt-en.apply-vc-txt-en:hover{
	background-image: url("/svcfcv/img/apply-vc-en-hover.png");
}

.more{
	position: absolute;
	background: url(/svcfcc/img/th-more-detail.jpg) left top no-repeat;
	width: 96px;
	height: 41px;
	cursor: pointer;
	left: 268px;
	top: 52px;
}

/*-------------- main-menu -----------------------*/
#main-menu {
	bottom: 0;
	width: 900px;
	height: 30%;
	position: absolute;
}
	
/*--------------- Form ---------------------*/
#form label{
	padding-top: 3px;
	margin-left:  6px;}
#form, #form fieldset, #form fieldset textarea {
	border: 0 none;
	height: 18px;
	width: 220px;
	font-weight: normal;
	color: #A7A9AB;
	text-decoration: none;
	background: none;
	float: left;
	margin-left: 18px;
    margin-top: 0px;	
}
input {
	border: 0 none;
	height: 18px;
	width: 220px;
	font-weight: normal;
	color: #666666; /* CHANGE COLOR IN  TEXTFILE*/
	text-decoration: none;
	background: none;
	float: left;
	margin-left: 12px;
    margin-top: 3px;	
}
#form p {
position: relative;
margin: 5px;
margin-left: 10px;
}
#form p label { position: absolute; top: 0; left: 0; width: 227px;}
#form p br {display: none;}
#form fieldset p input,
#form fieldset p textarea {
	display: block;
	padding: 4px;
	width: 400px;
	margin: 0;
}
#form fieldset p label {
	width: 380px;
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
}
#form fieldset p textarea {
	padding: 2px;
	width: 404px;
}
#form fieldset p textarea,
#form fieldset p input {
	border: solid 1px #ccc;
}
#form fieldset p label {
	color: #777;
}
.bnt-submit { 
	background: url(/svcfcc/img/bnt-sign-in_th.jpg) left bottom no-repeat;
	width: 99px; 
	height:  40px;  float:right; cursor: pointer;  margin: 54px 25px 0 0 ;
}
.en-bnt-submit { 
	background: url(/svcfcc/img/bnt-sign-in_en.jpg) left bottom no-repeat;
	width: 99px; 
	height:  40px;  float:right; cursor: pointer;  margin: 54px 25px 0 0 ;
}
/*---------------------------- Link ----------------------------------*/
.th-forgot-pw {
	background: url(/svcfcc/img/th-forgot-pw.png)  left bottom no-repeat;	
	width: 138px; height: 15px; float:left; cursor: pointer; margin: 0px 50px 0px 35px;
}
.th-forgot-pw:hover{ background-position: left top;}
.th-regis{
	background: url(/svcfcc/img/th-registration.png) left bottom no-repeat;
	width: 199px; height: 15px; float:left; cursor: pointer; margin: 4px 0 0 35px;
}
.th-regis:hover{ background-position: left top;}	
.th-forgot-userid{
	background: url(/svcfcc/img/th-forgot-userid.png)  left bottom no-repeat;	
	width: 206px; height: 15px; float:left; cursor: pointer; margin: 4px 0 2px 35px;
}
.th-forgot-userid:hover{ background-position: left top;}

.en-forgot-pw {
	background: url(/svcfcc/img/en-forgot-pw.png)  left bottom no-repeat;	
	width: 138px; height: 15px; float:left; cursor: pointer; margin: 0px 50px 0px 35px;
}
.en-forgot-pw:hover{ background-position: left top;}
.en-regis{
	background: url(/svcfcc/img/en-registration.png) left bottom no-repeat;
	width: 199px; height: 15px; float:left; cursor: pointer; margin: 4px 0 0 35px;
}
.en-regis:hover{ background-position: left top;}	
.en-forgot-userid{
	background: url(/svcfcc/img/en-forgot-userid.png)  left bottom no-repeat;	
	width: 206px; height: 15px; float:left; cursor: pointer; margin: 4px 0 2px 35px;
}
.en-forgot-userid:hover{ background-position: left top;}

.join-krungsri{ 
	background:url(/svcfcc/img/join-krungsri.jpg) left top no-repeat;
	width: 132px; height: 15px; float: left; margin: 4px 0 0 35px;
}
.facebook{
	background: url(/svcfcc/img/fb.jpg) left bottom no-repeat;
	width: 18px; height: 18px; float:left; cursor: pointer;
}
.facebook:hover{ background-position: left top;}
.twitter{
	background: url(/svcfcc/img/tw.jpg)  left bottom no-repeat;
	width: 18px; height: 18px; float:left; cursor: pointer; 
}
.twitter:hover{ background-position: left top;}
.youtube{
	background: url(/svcfcc/img/youtube.jpg)  left bottom no-repeat;
	width: 18px; height: 18px; float:left; cursor: pointer; margin-right: 1px;
}
.youtube:hover{ background-position: left top;}

.Txt_Err {
margin-left: 27px;
COLOR: #FF0000;margin-right: 27px;
margin-bottom: 3px;
}

/*------------------------- announcement -------------------*/
.announce_box {
	float: right;
	margin-top: 170px;
	width: 170px;
}
.announce_top {
	background: url(/svcfcc/img/ann_top.jpg) left top no-repeat;
	width: 170px;
	height: 6px;
	float: left;
}
.announce_bg {
	background: url(/svcfcc/img/ann_body.jpg) left top repeat-y;
	float: left;
	margin-top: -2px;
}
.announce_text {
	width: 140px;
	padding: 10px 15px;
	color: #F00; 
	font-size: 11px;
	line-height: 14px;
	float: left;
}
.text_title {
	font-size: 11px;
	font-weight: bolder;
	color: #06F;
	text-decoration: none;
}
.announce_bottom {
	background: url(/svcfcc/img/ann_bottom.jpg) left top no-repeat;
	width: 170px;
	height: 6px;
	float: left;
	margin-top: -2px;
}
/*-------------------------End announcement -------------------*/
	
	/* Controls Bar
	----------------------------*/
#controls-wrapper {
    height: 42px;
    left: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 999;
	background: #306;
}
#controls {
	overflow: hidden;
	height: 100%;

	text-align: left;

	z-index: 999;
}


/*#slidecounter {
	float: left;
	color: #999;
	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: #000 0 -1px 0;
	margin: 0px 10px 0 15px;
	line-height: 42px;
}
#slidecaption {
	overflow: hidden;
	float: left;
	color: #FFF;
	font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: #000 1px 1px 2px;
	margin: 0 20px 0 0;
	line-height: 42px;
}
#navigation {
	float: right;
	margin: 0px 20px 0 0;
}
#play-button {
	float: left;
	margin-top: 1px;
	border-right: 1px solid #333;
	background: url('../img/bg-hover.png') repeat-x 0 44px;
}
#play-button:hover {
	background-position: 0 1px;
	cursor: pointer;
}
#prevslide, #nextslide {
	position: absolute;
	height: 43px;
	width: 43px;
	top: 50%;
	margin-top: -21px;
	opacity: 0.6;
}
#prevslide {
	left: 10px;
	background: url('../img/back.png');
}
#nextslide {
	right: 10px;
	background: url('../img/forward.png');
}
#prevslide:active, #nextslide:active {
	margin-top: -19px;
}
#prevslide:hover, #nextslide:hover {
	cursor: pointer;
}*/

ul#slide-list  {
	padding: 60px 0;
	float: left;
	position: absolute;
	right: 1%;
}
ul#slide-list li {
	list-style: none;
	width: 12px;
	height: 24px;
	float: left;
	margin: 0 8px 0 0;
	text-align: center;
	font-size : 9px;
	line-height : 18px;
	font-weight : lighter;
	text-decoration : none;
	background-repeat : no-repeat;
	z-index : 300;
	color: #404041;
		display : inline;
		line-height : 20px;
		
}
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover {
	background-position: 0 -24px;
}
ul#slide-list li a {
	display: block;
	width: 24px;
	height: 20px;
	background: url('../imgs-slide/nav-dot.png') no-repeat 0 0px;
}
ul#slide-list li a:hover {
	background-position: 0 -24px;
	cursor: pointer;
}

/*--custom dropdown---------------------*/

/*-----------------------*/
.blogroll_th p {
background:url(/svcfcc/img/dropdown_th.png) 0 0 no-repeat;
width:237px;
height:23px;
text-indent:-9999px;
position: relative;
z-index: +100;
}
.blogroll_th ul {
width:232px;
background:#f1efdc;
border:1px solid #48758d;
border-width:0 1px 1px 1px;
padding:0;
list-style:none;
}
.blogroll_th ul li a {
color: #999;

font-style: normal;
text-decoration: none;
font-weight: bold;
}

.blogroll_th ul a:link, .blogroll_th ul a:visited {
display:block;
width:232px;
padding:2px 10px 2px 10px;
color:black;

font-style: normal;
text-decoration: none;
}
 
.blogroll_th ul a:hover, .blogroll_th ul a:active {background:#6ad7f2;width:212px}

.blogroll_th p, .blogroll_th ul {margin:0;}

.blogroll_th {
width:237px;
height:23px;
overflow:hidden;
position: relative;
z-index: +100;
margin-left: 32px;
}

.blogroll_th:hover {overflow:visible;}
/*-----------------------*/

.blogroll_en p {
background:url(/svcfcc/img/dropdown_en.png) 0 0 no-repeat;
width:237px;
height:23px;
text-indent:-9999px;
position: relative;
z-index: +100;
}
.blogroll_en ul {
width:232px;
background:#f1efdc;
border:1px solid #48758d;
border-width:0 1px 1px 1px;
padding:0;
list-style:none;
}
.blogroll_en ul li a {
color: #999;

font-style: normal;
text-decoration: none;
font-weight: bold;
}

.blogroll_en ul a:link, .blogroll_en ul a:visited {
display:block;
width:232px;
padding:2px 10px 2px 10px;
color:black;

font-style: normal;
text-decoration: none;
}
 
.blogroll_en ul a:hover, .blogroll_en ul a:active {background:#6ad7f2;width:212px}

.blogroll_en p, .blogroll_en ul {margin:0;}

.blogroll_en {
width:237px;
height:23px;
overflow:hidden;
position: relative;
z-index: +100;
margin-left: 32px;
}

.blogroll_en:hover {overflow:visible;}