@font-face {
    font-family: 'DBOzoneX';
    src: url('fonts/dbozonex_0.eot');
    src: url('fonts/dbozonex_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/dbozonex_0.woff') format('woff'),
         url('fonts/dbozonex_0.ttf') format('truetype'),
         url('fonts/dbozonex_0.svg#dbozonex_0') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DBOzoneX-Bold';
    src: url('fonts/dbozonexbd_0.eot');
    src: url('fonts/dbozonexbd_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/dbozonexbd_0.woff') format('woff'),
         url('fonts/dbozonexbd_0.ttf') format('truetype'),
         url('fonts/dbozonexbd_0.svg#dbozonexbd_0') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'THSarabunPSK-Bold';
    src: url('fonts/thsarabunbold_0.eot');
    src: url('fonts/thsarabunbold_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/thsarabunbold_0.woff') format('woff'),
         url('fonts/thsarabunbold_0.ttf') format('truetype'),
         url('fonts/thsarabunbold_0.svg#thsarabunbold_0') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'THSarabunNew';
    src: url('fonts/thsarabunnew-webfont.eot');
    src: url('fonts/thsarabunnew-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thsarabunnew-webfont.woff') format('woff'),
         url('fonts/thsarabunnew-webfont.ttf') format('truetype'),
         url('fonts/thsarabunnew-webfont.svg#thsarabunnew-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {  
	font-family: 'Kittithada';
    src: url('fonts/psl094pro-webfont.eot');
    src: url('fonts/psl094pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/psl094pro-webfont.woff') format('woff'),
         url('fonts/psl094pro-webfont.ttf') format('truetype'),
         url('fonts/psl094pro-webfont.svg#psl094pro_webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
/*
  * RESET ***
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ul{list-style-type:none; list-style-position:outside; outline:none;}
ol{list-style-position:outside; margin:0 0 30px 30px;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content: ''; content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table1{border-collapse:collapse; border-spacing:0;}

table.goose	{ border-collapse:collapse; border: 1px solid white; }
table.goose th, table.goose td	{ padding-left:5px;	padding-right:5px;border: 1px solid white; }

.content_size { font-size : 14px; }
/*
  * CONTAINERS ***
*/

.wrap_fullwidth { width:100%; position:relative; float:left; clear:both;}
.center { width:820px; position:relative; margin:0 auto; clear:both; padding:0px 20px;}
.center2 { width:900px; position:relative; margin:0 auto; clear:both; padding:0px 20px;}
.wrap_content { width:100%; position:relative; clear:both; float:left;}

html, body {
/*	font-size:20px;
	font-family: "THSarabunPSK-Bold", Helvetica, Arial, sans-serif;
   	line-height:24px;*/
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
   	line-height:23px;
	color:#3D4145;
	background-color:#fff;
}

/*
  *********************************
  * GENERAL ***
  *********************************
*/

	#body .over_all{ z-index:500; }
	/* IE 7 HACK */
	*:first-child+html #top{ z-index:100; }

	/* TAGS */

	h1, h2, h3, h4, h5, h6{font-family:"DBOzoneX-Bold", Helvetica, Arial, sans-serif;/* color:#f58220; */}
	h1{ font-size:27px; }
	h2{ font-size:25px; line-height:27px; }
	h3{ font-size:21px; }
	h3.orange { font-size:21px; color:#f58220; padding-bottom:8px;}
	h4{ font-size:19px; }
	h5, h6{ font-size:17px; }
	
	a{ text-decoration:none; font-weight:bold;color:#DF7000;}
	a:hover{ color:#666; }
	ul a, ul span{ font-weight:normal; }
	p{ margin-bottom:20px; }
	img{ display:block; }
	small{ font-size:13px; }
	input, textarea{ /*font-size:17px; font-family:"DBOzoneX", Arial, Helvetica , sans-serif;*/ }
/*	span.keyword {font-family:"THSarabunPSK-Bold", font-weight:bold; font-size:19px; color:#f58220; }*/
	span.keyword {font-family:tahoma, font-weight:bold; font-size:14px; color:#f58220; }

	/* TABLE */

	.table_wrapper{ margin-bottom:20px; padding:0px 0px; }
	.table_wrapper .table { width:100%; border:none; border-collapse:collapse; }
	.table_wrapper .table td { padding:5px 10px 5px 10px;color:#515151; border:solid 1px #fbcda5; background-color:#f6f6f6;  }
	.table_wrapper .table th{ height:21px; padding:5px 0px 0px 10px; text-align:center; color:white; border:solid 1px #fbcda5; background-color:#F2790B;}
	.table_wrapper .table tr.alt td{ color:#515151; background-color:#efefef; }

	/* LIST */
	.orange_list {margin:10px 0px 20px 0px;}
	.orange_list li{ margin-left:42px; padding-left:13px;background:url('../images/skin/orange_list.png') no-repeat 0px 10px;}

	.navy_list {margin:10px 0px 20px 0px;}
	.navy_list li{ margin-left:42px; padding-left:13px;background:url('../images/skin/navy_list.jpg') no-repeat 0px 10px;}
	
	.overlayInner p.topic1 {font-size:15px;color:#f58220;}
	.overlayInner ul.item {margin:0px 0px 0px 0px;}
	.overlayInner ul.item li{ margin-left:42px; padding-left:13px;background:url('../images/skin/orange_list.png') no-repeat 0px 10px;}
	.overlayInner h1 { font-family:tahoma; }
	.overlayInner h2 { font-family:tahoma; }
	.overlayInner h3 { font-family:tahoma; }
	.overlayInner h4 { font-family:tahoma; }
	.overlayInner h5 { font-family:tahoma; }

	.gray_list {margin:10px 0px 30px 0px;}
	.gray_list li{padding-left:25px;background:url('../images/skin/gray_list.jpg') no-repeat 0 5px; line-height:25px;}
	.gray_list li a{ font-size:15px; font-weight:bold;}
	
	.pdf_list {margin:10px 0px 20px 0px; color:}
	.pdf_list li{ padding-left:42px;background:url('../images/skin/pdf_list.jpg') no-repeat 0 5px; min-height:45px; line-height:45px;}
	.pdf_list li.xls{ padding-left:42px;background:url('../images/skin/xls_list.jpg') no-repeat 0 5px; min-height:45px; line-height:45px;}
	.pdf_list li.none{ padding-left:42px;background:url('/images/spacer.gif') no-repeat 0 5px; min-height:45px; line-height:45px;}
	.pdf_list li.edit{ padding-left:42px;background:url('../images/skin/pdf_edit_list.jpg') no-repeat 0 5px; min-height:45px; line-height:45px;}
	.pdf_list li a{ font-size:14px; font-weight:bold;padding-top:5px;}
	
	.doc_list {margin:10px 0px 20px 0px; color:}
	.doc_list li{ padding-left:42px;background:url('../images/skin/word-list.jpg') no-repeat 0 5px; min-height:45px; line-height:45px;}
	.doc_list li a{ font-size:14px; font-weight:bold;padding-top:5px;}

	.swf_list {margin:10px 0px 20px 0px; color:}
	.swf_list li{ padding-left:42px;background:url('../images/skin/swf_list.jpg') no-repeat 0 5px; min-height:45px; line-height:45px;}
	.swf_list li a{ font-size:14px; font-weight:bold;padding-top:5px;}

	.pdf_list_noline {margin:10px 0px 20px 0px;}
	.pdf_list_noline li{ padding-left:42px;background:url('../images/skin/pdf_list.jpg') no-repeat 0 5px; min-height:45px; line-height:45px;}
	.pdf_list_noline li a{ font-size:14px; font-weight:bold;padding-top:5px;}

	.pdf_list2 {margin:0px 0px 0px 0px; color:}
	.pdf_list2 li{ padding-left:42px;background:url('../images/skin/pdf_list.jpg') no-repeat 0 5px; min-height:45px; line-height:45px;}
	.pdf_list2 li a{ font-size:14px; font-weight:bold;padding-top:5px;}

	.pdf3_list {margin:10px 0px 20px 0px; color:}
	.pdf3_list li{ padding-left:42px;background:url('../images/skin/pdf_list.jpg') no-repeat 0 5px; min-height:45px; line-height:25px;}
	.pdf3_list li a{ font-size:14px; font-weight:normal;padding-top:5px;}

	.qa_list {margin:10px 0px 20px 0px; color:}
	.qa_list li{ padding-left:42px;background:url('../images/skin/qa_list.gif') no-repeat 0 5px; min-height:45px; line-height:25px;}
	.qa_list li a{ font-size:14px; font-weight:normal;padding-top:5px;}

	.zip_list {margin:0px 0px 0px 0px; color:}
	.zip_list li{ padding-left:42px;background:url('../images/skin/zip_list.jpg') no-repeat 0 5px; min-height:45px; line-height:45px;}
	.zip_list li a{ font-size:14px; font-weight:bold;padding-top:5px;}

	.cal_list {margin:0px 0px 0px 0px; color:}
	.cal_list li{ padding-left:42px;background:url('../images/skin/cal_list.gif') no-repeat 0 5px; min-height:45px; line-height:25px;}
	.cal_list li a{ font-size:14px; font-weight:bold;padding-top:5px;}

/*
  *********************************
  * NAVIGATION ***
  *********************************
*/	
	#nav{ margin:30px 0px 20px 0px; height:180px; z-index:500;}
	
	/* SKIN BODY */
	#skin{position:relative; width:860px; margin:0 auto; display:; }
	
	.homepage #skin img{position:absolute; top:30px; left:-325px; }
	.aboutpage #skin img{position:absolute; top:15px; left:-340px;}
	.benefitpage #skin img{position:absolute; top:0px; left:-220px;}
	.newspage #skin img{position:absolute; top:0px; left:-260px;}
	.investpage #skin img{position:absolute; top:-45px; left:-265px;}
	.memberpage #skin img{position:absolute; top:30px; left:-305px;}
	.contactpage #skin img{position:absolute; top:29px; left:-359px;}
	
	/*
	#homepage{background:url('../images/skin/background_home.jpg') no-repeat -45px 30px; }
	#aboutpage{background:url('../images/skin/background_about.jpg') no-repeat -276px 19px; }
	#benefitpage{background:url('../images/skin/background_benefit.jpg') no-repeat 60px 0px; }
	#newspage{background:url('../images/skin/background_news.jpg') no-repeat -65px 0px; }
	#investpage{background:url('../images/skin/background_invest.jpg') no-repeat 10px 0px; }
	#memberpage{background:url('../images/skin/background_member.jpg') no-repeat -165px 15px; }
	#contactpage{background:url('../images/skin/background_benefit.jpg') no-repeat 60px 0px; }*/
	
	/* SKIN HEADER */
	.homepage #nav{background:url('../images/skin/icon_home.gif') no-repeat 740px 85px; }
	.aboutpage #nav{background:url('../images/skin/icon_about.gif') no-repeat 725px 93px; }
	.benefitpage #nav{background:url('../images/skin/icon_benefit.gif') no-repeat 725px 93px; }
	.newspage #nav{background:url('../images/skin/icon_news.gif') no-repeat 705px 88px; }
	.investpage #nav{background:url('../images/skin/icon_invest.gif') no-repeat 685px 96px; }
	.memberpage #nav{background:url('../images/skin/icon_member.gif') no-repeat 722px 95px; }
	.contactpage #nav{background:url('../images/skin/icon_contact.gif') no-repeat 725px 93px; }

	
	/* LOGO */
	#logo { float:right; width:196px; height:75px; }
	#logo a{ display:block; border:none; height:75px; text-indent:-9999px;background:url('../images/skin/logo-gpf-web-19.gif') no-repeat; }
	
	/* MENU TOP */
	#top_nav { float:left; position:relative; margin-top:75px; width:820px;z-index:500;}
	#top_nav ul{}
	#top_nav ul a{ float:left; display:block; overflow:hidden; height:26px; padding-top:4px; position:relative; border:none;background:url('../images/skin/top_nav.gif') no-repeat; font-size:17px; font-weight:bold;text-align:center; color:#fff;}
	*:first-child+html #top_nav ul a{ padding-top:1px; }
	#top_nav ul li{ float:left; position:relative; z-index:20; }
	
	#top_nav .home a{ width:40px; background-position:0px 0px; text-indent:-999px; overflow:hidden;}
	#top_nav .about a{ width:125px; background-position:-40px 0px;}
	#top_nav .invest a{ width:125px; background-position:-165px 0px;}

	#top_nav .member a{ width:125px; background-position:-290px 0px;}
	#top_nav .benefit a{ width:125px; background-position:-415px 0px;}
	#top_nav .news a{ width:150px; background-position:-540px 0px;}
	#top_nav .contact a{ width:130px; background-position:-690px 0px;}
	
	#top_nav .home a:hover{ width:40px; background-position:0px -30px;}
	#top_nav .about a:hover{ width:125px; background-position:-40px -30px;}
	#top_nav .invest a:hover{ width:125px; background-position:-165px -30px;}
	#top_nav .member a:hover{ width:125px; background-position:-290px -30px;}
	#top_nav .benefit a:hover{ width:125px; background-position:-415px -30px;}
	#top_nav .news a:hover{ width:150px; background-position:-540px -30px;}
	#top_nav .contact a:hover{ width:130px; background-position:-690px -30px;}
	
	#top_nav .home a.current{ width:40px; background-position:0px -60px;}
	#top_nav .about a.current{ width:125px; background-position:-40px -60px;}
	#top_nav .invest a.current{ width:125px; background-position:-165px -60px;}
	#top_nav .member a.current{ width:125px; background-position:-290px -60px;}
	#top_nav .benefit a.current{ width:125px; background-position:-415px -60px;}
	#top_nav .news a.current{ width:150px; background-position:-540px -60px;}
	#top_nav .contact a.current{ width:130px; background-position:-690px -60px;}
	
	#top_nav ul .subnav{ display:none; position:absolute; top:28px; left:0px; width:265px; z-index:20;background:url('../images/skin/backgroud_navsub_bottom.png') no-repeat left bottom; padding-bottom:35px;}
	#top_nav ul .last .subnav{ left:-150px;}
	#top_nav ul .subnav ul{float:left; position:relative; width:205px;background:url('../images/skin/backgroud_navsub_top.png') no-repeat left top; padding:35px 20px 0px 40px; }
	#top_nav ul li .subnav li{ margin:0px; padding:0px; width:205px; }
	#top_nav ul .subnav ul a{ float:left; margin:0px; width:205px; font-size:19px;  background:none; color:#fc7401; text-indent:0px; text-align:left; font-weight:normal;}
	#top_nav ul .subnav ul a:hover{color:#666; width:205px;}	
	/*#top_nav ul li:hover .subnav { display:block; }*/
	
	
	
	/* OPTIONS */
	#options { position:absolute; top:50px; left:0px;}
	#options #fonts,
	#options #community{background:url("../images/skin/background_option.gif") no-repeat;}
	
	#options #fonts{ float:left; width:170px; padding-left:10px; margin-right:5px; height:25px; background-position:0px 0px;}
	#options #fonts li{float:left; border-right:#6d6e71 solid 1px; height:15px; margin:4px 0px;}
	#options #fonts a{float:left; padding:0px 8px; line-height:15px;color:#f18232; font-size:11px;font-family:Tahoma, Geneva, sans-serif;}
	#options #fonts a:hover, #options #fonts a.current{color:#6d6e71;}
	
	#options #search{ float:left; width:186px; height:25px; margin-right:20px;}
	#options #search form{ margin:0px; }
	#options #search .input_search{ float:left; padding:5px 15px; height:15px; border:none; background:none;width:126px;background:url("../images/skin/background_option.gif") no-repeat -180px 0px; color:#bcbdc0; font-size:11px; line-height:15px;}
	#options #search .button_search{ float:left;width:24px; height:25px; margin-left:-10px; background:none; border:none; cursor:pointer; background:url("../images/skin/btn_search.gif") no-repeat left top; padding:0px; margin-left:5px;}
	
	#options #feed{ position:absolute; top:-25px; left:195px;}
	#options #feed li{float:left; height:15px; border-right:#6d6e71 solid 1px; }
	#options #feed a{float:left; line-height:15px; padding:0px 5px; font-family:Tahoma, Geneva, sans-serif; font-size:11px;}
	
	#options #community{ float:left; width:130px; padding-left:30px; height:25px; background-position:-410px 0px;}
	#options #community span{ display:block; float:left; width:65px; font-size:17px; line-height:25px; margin:2px 10px 0px 0px; font-weight:bold; color:#f18232;}
	*:first-child+html #options #community span{ margin:-2px 10px 0px 0px; }
	#options #community ul{float:left; width:46px;}
	#options #community li{float:left;}
	#options #community a{float:left; width:18px; height:18px;background:url("../images/skin/btn_ft.gif") no-repeat; text-indent:-999px; overflow:hidden; margin:4px 5px 0px 0px;}
	#options #community .facebook a{ background-position:left top;}
	#options #community .facebook a:hover{ background-position:0 -18px;}
	#options #community .twitter a{ background-position: right top;}
	#options #community .twitter a:hover{ background-position:-19px -18px;}
	
	
	
	/* MENU LEFT */
	#left_nav,
	#left_nav ul,
	#left_nav li { position:relative; float:left;width: 192px;}
	#left_nav li a {display: block;text-decoration: none;color: #fff;font-family:'DBOzoneX-Bold';font-size:20px; font-weight:bold;line-height:20px;min-height:20px;text-align:center;padding:5px 20px 5px 10px;background:url("../images/skin/background_navSub.gif") repeat-y left top; }
	#left_nav li a:hover, #left_nav li a.current {background-position:right top;}
	
	#left_nav li ul {display: none;padding:5px 0px;background:url("../images/skin/background_navSub_repeat.gif") repeat-y left top;}
	#left_nav li ul li {background:url("../images/skin/background_navSub_repeat.gif") repeat-y left top;}
	#left_nav li ul li a {padding:0px 10px 0px 30px;font-size:18px;/*line-height:18px;*/text-align:left;background:url("../images/skin/circles_list.gif") no-repeat 20px 9px;}
	#left_nav li ul li a:hover,#left_nav li ul li a.current{background-position:20px 9px; color:#666;}
	
	#left_nav li ul ul li a {padding-left:40px;background:url("../images/skin/dash_list.gif") no-repeat 30px 9px;}
	#left_nav li ul ul li a:hover,#left_nav li ul ul li a.current{background-position:30px 9px;}
	
	#left_nav li.first span{top:15px;}
	#left_nav li.first a{padding:10px 10px 5px 10px;background:url("../images/skin/background_navSub_top.gif") repeat-y left top;}
	#left_nav li.first a:hover,#left_nav li.first a.current{background-position:right top;}
	#left_nav li.first ul li a{padding:0px 10px 0px 30px;background:url("../images/skin/circles_list.gif") no-repeat 20px 9px;}
	#left_nav li.first ul li a:hover, #left_nav li.first ul li a.current{background-position:20px 9px; color:#666;}
	#left_nav li.first ul ul li a{padding-left:40px;background:url("../images/skin/dash_list.gif") no-repeat 30px 9px;}
	#left_nav li.first ul ul li a:hover, #left_nav li.first ul ul li a.current{background-position:30px 9px;}
	
	#left_nav li.last a{padding:5px 10px 10px 10px;background:url("../images/skin/background_navSub_bottom.gif") repeat-y left bottom;}
	#left_nav li.last a:hover{background-position:right bottom;}
	#left_nav li.last a.current{background:url("../images/skin/background_navSub.gif") repeat-y right top;}
	#left_nav li.final a.current{background:url("../images/skin/background_navSub_bottom.gif") repeat-y right bottom;}
	#left_nav li.last ul{background:url("../images/skin/background_navSub_last.gif") repeat-y right bottom; padding-bottom:10px;}
	#left_nav li.last ul li{background:none;}
	#left_nav li.last ul li a {padding:0px 10px 0px 30px;background:url("../images/skin/circles_list.gif") no-repeat 20px 9px;}
	#left_nav li.last ul li a:hover{background-position:20px 9px; color:#666;}
	#left_nav li.last ul li a.current{background:url("../images/skin/circles_list.gif") no-repeat 20px 9px; color:#666;}
	#left_nav li.last ul ul li a{padding-left:40px;background:url("../images/skin/dash_list.gif") no-repeat 30px 9px;}
	#left_nav li.last ul ul li a:hover, #left_nav li.last ul ul li a.current{background-position:30px 9px;}
	#left_nav li.last ul ul{background:none;}
	
	#left_nav li span{ position:absolute; top:10px; right:10px; width:10px; height:10px; display:block; cursor:pointer; 
	background:url("../images/skin/arrow.gif") no-repeat left bottom;}
	#left_nav li span.current{ background-position: left top;}
	
	/*show project*/
	#show_project{ display:block; background-color:#fbfbfb; height:105px;}
	#show_project #project{ position:absolute;top:15px;left:55px;z-index:100;}
	#show_project .slides_container {width:750px;overflow:hidden;position:relative;display:none;}
	#show_project .slides_container div.slide { float:left; width:750px;height:77px;display:block;}
	#show_project .item {float:left; position:relative;width:166px;height:77px;margin:0 10px; }
	#show_project .slides_container a {width:166px;height:77px;display:block;}
	#show_project .slides_container a img {display:block;}
	#show_project .next,#show_project .prev {position:absolute;top:30px;left:-30px;width:15px;height:30px;display:block;z-index:101;background:url("../images/skin/btn_arrow2.gif") no-repeat left top; text-indent:-999px; overflow:hidden;}
	#show_project .next {left:750px; background-position:right top;}
	
	#toggle {background:none; margin-top:35px;}
	#toggle #btn_toggle{display:block; width:130px; height:28px;background:url("../images/skin/btn_show_toggle.gif") no-repeat left bottom; text-indent:-999px; overflow:hidden; margin:0 auto;}
	#toggle #btn_toggle.active{background-position:left top;}
	
	#shortcut{ float:left; width:820px; height:36px; margin-bottom:25px;padding-left:10px;background:url("../images/skin/background_menu_footer.gif") no-repeat left top;}
	#shortcut li{float:left; height:15px; margin:8px 0px 10px 0px; border-right:#6d6e71 solid 1px;}
	#shortcut a{float:left; line-height:14px; padding:0px 10px; font-size:11px;font-family:Tahoma, Geneva, sans-serif; font-weight:bold; }
	
	#menu_footer{float:left; width:820px;}
	#menu_footer li{ float:left; width:120px; margin-right:15px;}
	#menu_footer li a{ color:#f7941e; font-size:13px; line-height:21px;font-family:Tahoma, Geneva, sans-serif;}
	#menu_footer li a:hover{ color:#8d8d8d;}
	#menu_footer li li{ padding-left:20px;background:url("../images/skin/dot_list.gif") no-repeat 12px 10px;}
	#menu_footer li li a{ color:#4B4B4B; font-size:11px; line-height:17px;font-family:Tahoma, Geneva, sans-serif;}
	#menu_footer li li a:hover{ color:#f7941e;}

/*
  *********************************
  * MAIN ***
  *********************************
*/
	.wrap_content .main{ float:left; position:relative;/*margin:0px 0px 30px 55px;*/ margin-left:55px; width:665px;}
	.wrap_content #menu{ float:left; position:relative; width:192px; margin:188px 0px 0px -92px; z-index:200;}
	
	.main h2{ font-size:39px; color:#f58220; margin-top:25px;}
	.main h3.heading{color:#8A8C91; font-size:25px; font-weight:bold; margin-bottom:20px;}
	.main h4.heading{color:#8A8C91; font-weight:bold; margin-bottom:10px;}
	.main h4{ margin-bottom:10px;}
	
	.main .sarabun { font-size:20px;line-height:25px; font-weight:bold; }
	/*.main .sarabunjustify {font-size:20px;line-height:30px; font-weight:bold; text-align:justify; }*/
		
	#pre_footer{background-color:#f7f5f5; padding-bottom:20px; }
	
	#footer{background-color:#f0f0f0; padding-top:20px; height:80px;}
	#footer #copy{float:left; width:820px;}
	#footer .copyright{ float:left; line-height:45px; margin-left:10px; font-size:13px;font-family:Tahoma, Geneva, sans-serif;}
	
/*
  *********************************
  * FORM ***
  *********************************
*/
	
	.form{ clear:both;}
	.form form{ padding-top:10px; clear:both; }
	.form textarea{ float:left;padding:5px; width:260px; height:50px; overflow:hidden; }
	.form input{ float:left;padding:3px 2px 3px 2px; width:266px; font-size:13px; line-height:18px; }
	.form input, .form textarea,.form select{ border:1px solid #bcc0c5; color:#6C6C6C; background-color:#f7f7f7; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-family: Tahoma; font-size:13px;}
	.form select{ float:left; width:170px; font-size:15px; line-height:18px; height:23px;text-align:center; }
	.form select option {font-family: Tahoma; font-size:13px;}
	.form textarea:focus, .form input:focus, .form select:focus{ background-color:#f7f7f7; }
	.form fieldset{ position:relative; margin:0px; padding:0px; border:none; margin-bottom:10px; }
	.form label{ float:left; font-size:19px; margin-top:2px; width:147px; color:#f58220; font-weight:bold; }
	.form fieldset span{ display:block; position:absolute;width:7px; height:7px; text-indent:-999px; overflow:hidden;background:url('../images/skin/required.gif') no-repeat 0px 0px;  }
	.form fieldset span.inp{ top:2px; right:2px; }
	.form fieldset span.sel{ top:2px; right:105px; }
	
	.form .light_button{ border:none; background:none; margin:0px; padding:0px; width:85px; padding-top:8px; height:35px;cursor:pointer;color:#f58220; font-weight:bold;font-family: 'DBOzoneX'; font-size:17px; line-height:25px;
	background:url('../images/skin/button_light.gif') no-repeat left top; text-shadow:#ccc 0px 0px 1px; margin-left:5px; }
	*:first-child+html .form .light_button{margin:0px; padding:0px; width:85px; padding-top:5px;     height:35px;color:#f58220;font-weight:bold;font-family: 'DBOzoneX'; font-size:13px; line-height:25px;text-shadow:#ccc 0px 0px 1px; margin-left:5px; }

	.form .light_button:hover{ color:#666;}
	*:first-child+html .form .light_button:hover{ color:#666;}
	
	/*a tag*/
	.form .btn_submit{ display:block;width:85px;height:40px;color:#f58220; font-weight:bold;font-family: 'DBOzoneX'; font-size:17px; line-height:40px; background:url('../images/skin/button_light.gif') no-repeat left top; text-shadow:#ccc 0px 0px 1px; text-align:center;margin:-5px 0 0 0;}
	.form .btn_submit:hover{ color:#666;}
	
/*
  *********************************
  * TOGGLE ***
  *********************************
*/
	
	.toggle{ position:relative; float:left;width:640px;border-bottom:#e2e2e2 solid 1px;}
	.toggle > li { position:relative; float:left;width:100%; border-top:#e2e2e2 solid 1px;}
	.toggle > li > a {display: block;text-decoration: none;font-size:22px; font-weight:bold;line-height:38px;}
	.toggle > li > a.active{ color:#747474;}
	.toggle > li > div.sub {display: none;}

	.toggle li .arrow{ position:absolute; top:10px; right:10px; width:22px; height:22px; display:block; cursor:pointer; 
	background:url("../images/skin/arrow_toggle.gif") no-repeat left top;}
	.toggle li .arrow.active{ background-position: left bottom;}
	
	

/*
  *********************************
  * BUTTON ***
  *********************************
*/
	#body .btn_more{ display:block; width:155px; height:20px; margin:10px 0px; text-indent:-999px; overflow:hidden;background:url("../images/skin/btn_more.gif") no-repeat left top;}
	#body .btn_more:hover{background-position:0 -20px;}
	
	#body .btn_click{ display:block; width:85px; height:0px; padding-top:35px; overflow:hidden;background:url("../images/skin/btn_clickhere.gif") no-repeat left top;}
	#body .btn_click:hover{background-position:0 -35px;}

/*
  *********************************
  * EXTRA CLASSES ***
  *********************************
*/

	#body .box{float:left; position:relative;}
	
	#body .fL{float:left; position:relative;}
	#body .fR{float:right; position:relative;}
	
	#body .clear{clear:both;}
	#body .clear_margin{margin:0px;}
	#body .last{margin-right:0px !important;}
	
	#body .aligncenter{display:block; margin:0px auto;}
	#body .alignleft{float:left; margin:0px 10px 0px 0px; padding:0px;}
	#body .alignright{float:right; margin:0px 0px 0px 10px; }
	
	/*#body .justify{text-align:justify;}*/
	
	#body .clear_border{ border:none !important; }
	
	#body .txtOrg{color:#f58220; font-weight:bold;}
	#body .txtGray{color:#666; font-weight:bold;}
	
	#body .lineBtm{border-bottom:#d6d6d6 solid 1px; padding-bottom:20px; margin-bottom:20px;}
	
	#body .new{background:url('../images/skin/icon_new.gif') no-repeat right center;}
	
	#body .hidden {display: none;}​

	#mcsweb a.link {font-family:"THSarabunNew"; color:#f58220; }