@charset "utf-8";
body {
	font-family: Tahoma, "MS Sans Serif", Arial, Helvetica, "Myriad Pro";
	font-size: 12px;
}

#container {
	height: auto;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg_container.gif);
	background-repeat: repeat-y;
	font-size: 12px;
	color: #666666;
	font-family: Tahoma, "MS Sans Serif", Arial, Helvetica, "Myriad Pro";
}

#header {
	background-image: url(../images/bg_header.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 130px;
	width: 980px;
}
h1      a   {
	text-indent: -999999px;
	background-image: url(../images/bg_logo.gif);
	height: 130px;
	width: 200px;
	display: block;
}
#header img { display:none; }

#content {
	background-image: url(../images/hd_content.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 980px;
	height: auto;
	position: relative;
	padding-bottom: 30px;
}
#left/** เริ่ม ** ส่วนเมนูด้านซ้ายของเว็บไซต์**/
 {
	width: 170px;
	height: 660px;
	padding-right: 10px;
	padding-left: 0px;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
	display: inline;
}
a.btn_cc, a.btn_cash, a.btn_loan, a.btn_contact {
	display: block;
	height: 85px;
	width: 175px;
	text-indent: -999999px;
	margin-bottom: 3px;
	background-repeat: no-repeat;
}
a.btn_cc { background-image: url(../images/btn_cc.gif); }
a.btn_cash {	background-image: url(../images/btn_cash.gif);}
a.btn_loan {	background-image: url(../images/btn_loan.gif);}
a.btn_contact {	background-image: url(../images/btn_contact.gif);}
.hd_check-id {
	background-image: url(../images/hd_check_status.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 175px;
	display: block;
	text-indent: -99999px;
}
.check-id {
	background-image: url(../images/bg_input_status.gif);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	width: 180px;
}
.input-id, .input-email {
	margin-top: 10px;
	margin-left: 15px;
	height: 16px;
	border-right-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-left-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	background: transparent;
	width: 145px;
	margin-bottom: 3px;
	font-size: 11px;
	color: #54B948;
	text-align: center;
}
.btn_check-id {
	background-image: url(../images/btn_check.gif);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	width: 50px;
	float: right;
	margin-right: 5px;
	margin-top: 0px;
	text-indent: -999999px;
}
.e-news {
	background-image: url(../images/bg_input_mail.gif);
	background-repeat: no-repeat;
	background-position: 0px 50px;
	width: 180px;
	margin-top: 5px;
}
.hd_e-news {
	background-image: url(../images/hd_news_subscribe.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 175px;
	text-indent: -99999px;
	display: block;
}
.input-email {
	width: 125px;
	margin-left: 40px;
	margin-top: 5px;
	color: #0F85C8;
}
a.btn_subscribe, a.btn_unsubscribe    {
	background-repeat: no-repeat;
	
	text-indent: -999999px;
	display: block;
	float: right;
}

a.btn_subscribe {
	background-image: url(../images/btn_subscribe.gif);
	height: 25px;
	width: 62px;
	margin-right: 5px;
	margin-top: 0px;
}
a.btn_unsubscribe   { background-image: url(../images/btn_unsubscribe.gif); 	height: 25px;	width: 28px; background-position: 0px 0px;}
a:hover.btn_unsubscribe    {	background-position: 0px -25px; } 

#id-status {
	position: absolute;
	z-index: 9999;
	top: 363px;
	width: 275px;
	right: 511px;
	_right: 500px;
}
#id-status .body {
	background-image: url(../images/bg-id_status.png);
	background-repeat: no-repeat;
	height: 120px;
	width: 235px;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 30px;
}
#id-status .body h4 {
	font-weight: normal;
}
#id-status .body h4 strong {	color: #54B948;	text-decoration:underline;}

#id-status .body p {	padding-top: 20px;}
#id-status .body li { margin-bottom:5px;}
#id-status .footer {
	background-image: url(../images/bg-id_status_footer.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 275px;
}
#id-status   p.btn-close a  {
	height: 16px;
	width: 16px;
	position: absolute;
	top: 10px;
	text-indent: -999999px;
	right: 12px;
	_right: 20px;
	display: block;
	background-image: url(../images/btn-close-id_status.png);
	background-repeat: no-repeat;
}


/** จบ ** ส่วนเมนูด้านซ้ายของเว็บไซต์**/
#right {
	height: auto;
	width: 770px;
	float: right;
	display: inline;
	top: 20px;
	right: 10px;
	position: absolute;
}



/** เริ่ม ** ส่วนท้ายของหน้าเว็บไซต์ **/
.footer {
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-y;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 10px;
}
.hd_footer {
	background-image: url(../images/hd_footer.gif);
	background-repeat: no-repeat;
	height: 25px;
}
.copyright {
	float: left;
	width: auto;
	margin-left: 15px;
	color: #F1FFCC;
}
.footer_menu {
	float: right;
}
.footer_menu li {
	display: inline;
	margin-right: 20px;
}
.footer_menu a{
	color: #F1FFCC;
	text-decoration: none;
}
.footer_menu a:hover {
	text-decoration: underline;
}
.w3c a   {
	background-image: url(../images/bg_logo_w3c.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 76px;
	display: block;
	text-indent: -999999px;
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}
/** จบ ** ส่วนท้ายของหน้าเว็บไซต์ **/
.odd {background-color:#FFF; }

.even {	background-color:#F5FAFF;}
#contact h3 {
color:#8FCA01;
font-size:14px;
}
/***** เปิดการทำงาน bullet ของ ul และ ol *******/
.detail  ul, .profit-body ul, .promotion ul, .group_detail ul, .job-detail ul, .job-head ul {	list-style-position: inside;	list-style-type: disc; }
.detail ol, .profit-body ol, .promotion ol, .promotion2 ol, .group_detail ol, .job-detail ol, .job-head ol { 	list-style-type: decimal;	list-style-position: inside;}
.detail li, .profit-body li, .promotion li, .group_detail li, .job-detail li, .job-head li { padding-bottom:5px; }