@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'thaisans_neuebold';
    src:url('ThaiSansNeue-Bold.eot');
	src:url('thaisansneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('ThaiSansNeue-Bold.woff') format('woff'),
		url('ThaiSansNeue-Bold.ttf') format('truetype'),
		url('ThaiSansNeue-Bold.svg#thaisans_neuebold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'thaisans_neueregular';
	src:url('thaisansneue-regular-webfont.eot';)
 	src:url('thaisansneue-regular-webfont.eot');
	src:url('thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('thaisansneue-regular-webfont.woff') format('woff'),
		url('thaisansneue-regular-webfont.ttf') format('truetype'),
		url('thaisansneue-regular-webfont.svg#thaisans_neueregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

div#member_div{ 
	width:600px; /* ตั้งค่า Member Div */
	margin:0px auto;
	clear:both;
	overflow:hidden;
	border-right:solid #CCC 1px;
	
}
h1,h2,h3,h4,h5,h6,ul,li,ol,body,p,td,div{
font-size:18px;
color:#333;
padding:0px;
margin:0px;
font-family: "thaisans_neuebold", Helvetica, Arial, sans-serif;
}
img{
	vertical-align:middle;
}
.hide{
	display:none;
}
.hand,.edit{
	cursor:pointer;
}
.small{
	font-size:11px;
	color:#999;
}
.width_100{
	width:99%;
}
/*--------- Next Page ---------*/
table.next_page td img{
	vertical-align:middle;
}
table.next_page {
	margin:0 0px 10px 30px;
	padding-right:0;
	
}
table.next_page td{
	color:#444;
	font-size:18px;
}

/*-------- navigator ---------------*/
#bg_navigator{
	margin:-35px 0 0 0;
	padding:0 0 30px 0;
	overflow:hidden;
	clear:both;
	background-repeat:no-repeat;
	height:22px;
	float:right;
	
}
#bg_navigator img{
	margin:0 3px 5px 0;
	
}
#bg_navigator ol{
	overflow:hidden;
	padding:0 0 0 0;
	margin:2px 0 0 10px;
	float:right;
	
}
#bg_navigator ol li{
	text-transform: uppercase;
	font-size:16px;
	float:left;
	overflow:hidden;
	margin:0 2px 0 0;
	color:#444;
		background-image:none;

}
#bg_navigator ol a,
#bg_navigator ol a:visited{
	color:#0090A3;
}
#bg_navigator ol a:hover{
	color:#333;
}

/*--------- Webboard --------------*/
#webboard_list #board_list,#swap_board,#answer,#comment,form#add_comment{
	clear:both;
	width:680px;
	margin:0px auto;
}
#add_comment table{
	background-color:#FFF;
}
#webboard_list #board_list tr.subj td{
	border-top:solid 1px #D7C6B2;
	border-bottom:solid 1px #D7C6B2;
	background-color:#E09000;
	height:22px;
	overflow:hidden;
	background-image:url(../images/webboard_42.png);
	background-repeat:repeat-x;
	background-position:center;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
}
#webboard_list #board_list tr.subj td:first-child{
	border-left:solid 1px #D7C6B2;
	width:35px;
}
#webboard_list #board_list tr.subj td:first-child img{
	position:absolute;
	margin:-25px 0 0 -20px;
	
}
#webboard_list #board_list tr.subj td:last-child{
	border-right:solid 1px #D7C6B2;
}
#webboard_list img#add_toppic{
	cursor:pointer;
	float:right;
	text-align:right;
	margin:10px 5px 10px 0;
	

	
}

#webboard_list #board_list tr td{
	font-size:12px;
	padding:5px;
}

#webboard_list #board_list tr.toppic_hold td{
	background-color:#EEE5C6;
}


#webboard_list a,
#webboard_list a:visited{
	color:#444;
	font-size:12px;
	font-weight:bold;
	
}
#webboard_list a:hover{
	color:#000;
	
}

.subject_add{
	background-color:#E09000;
	background-image:url(../images/webboard_56.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:670px;
	height:27px;
	text-indent:50px;
	color:#FFF;
	font-weight:bold;
	padding:5px 0 0 0;
	
}
.subject_add img{
	position:absolute;
	margin:-10px 0 0 -50px;
}
#answer td{
	padding:5px;
}

#answer #toppic_by{
	margin:5px 0 0 0;
	
}
#toppic_by #toppic_name{
	border:solid 1px #FF71BA;
	background-color:#98E7F5;
	height:22px;
	overflow:hidden;
	background-image:url(../images/webboard_42.png);
	background-repeat:repeat-x;
	background-position:center;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	
}
#toppic_by #by_name b{
	color:#903;
	font-weight:bold;	
}

#toppic_by_detail td{
	background-image:url(../images/webboard_46.png);
	background-color:#FFF;
	background-repeat:repeat-x;
	background-position:top;
}

#comment h3#subject{
	float:left;
	width:120px;
	overflow:hidden;
	background-image:url(../images/webboard_47.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding:5px 0 0 35px;
	margin:15px 0 0 0;
	font-size:13px;
	background-color:#D3DAE9;
	position:relative;
	
}
#comment div#subject{
	float:left;
	background-color:#D5CDC4;
	width:100%;
	height:6px;
	overflow:hidden;
	margin:-10px 0 0 0;
	
}
#comment #comment_list{
	clear:both;
	
}
#comment #comment_list #top_bar{
	margin:0px;
	padding:0px;
	background-color:#D3DAE9;
}
#comment #comment_list #top_bar div{
	background-color:#999;
	height:7px;
	overflow:hidden;
	margin:10px 0 0 0;
}
#comment #comment_list td{
	padding:5px;
}
#comment #comment_by {
	border-bottom: dotted 1px #333;
	padding:0px;
	margin:0px 0 10px 0;
}
#comment #comment_by b{
	color:#900;
	
}
table#add_comment{
	border:solid 1px #D1D1D1;
	border-top:solid 2px #999;
	margin-top:15px
}
#add_comment .comment_by{
	background-color:#E2E2E2;
	font-size:13px;
	font-weight:bold;
	
}
#add_comment input{
	width:95%;
}
#add_comment td{
	border-bottom: dotted #CCC 1px;
	padding:5px;
}


#comment .comment_bg{
	background-image:url(../images/webboard_46.png);
	background-color:#FFF;
	background-repeat:repeat-x;
	background-position:top;
}
#add_data table {
	border:solid 1px #CCC;
	border-top: solid 1px #CAC3BC;
	margin:5px 0 0 0;
}
#add_data table tr#subject td{
	color:#FFF;
	font-weight:bold;
	background-image:url(../images/webboard_42.png);
	background-position:center center;
	border:solid 1px #98E7F5;
	background-repeat: repeat-x;
	height:22px;
	overflow:hidden;
	background-color:#98E7F5;
}
#add_data table  td{
	padding:5px;
}
#add_data table td input{
	width:99%;
}


/*---------- Website --------------*/
body{
	background-color:#0090A4;
	background-image:url(../images/01.png);
	background-repeat:repeat-x;
	background-position:0 40px;
	
}

.body{
	width:995px;
	margin:0px auto;
}
.body #menu_bar{
	margin-top:40px;
	
}
.body #menu_bar ul{
	float:left;
	overflow:hidden;
	
}
.body #menu_bar ul li#logo{
	margin-top:0px;
	
}
.body #menu_bar ul li{
	float:left;
	list-style:none;
	margin: 15px 7px 0 7px;
}
.body #menu_bar ul li a,
.body #menu_bar ul li a:visited{
	color:#888;
}
.body .menu_bar ul li a:hover{
	color:#1197AA;
}
.body .menu_bar ol{
	float:right;
	margin:0 0 0 0;
}

.body .menu_bar ol li{
	float:left;
	overflow:hidden;
	list-style:none;
	margin:14px 2px 0 2px;
}

.body .menu_bar ol li form{
	background-image:url(../images/05.png);
	background-repeat:no-repeat;
	width:168px;
	height:27px;
	overflow:hidden;
	margin:0 0 0 0;
}

.body .menu_bar ol li form input{
	border:solid 1px #F1F1F1;
	padding:2px;
	background-color:#F1F1F1;
	width: 125px;
	margin: 0 0 5px 2px;
	color:#0090A3;
	font-weight:bold;
}


.body .menu_bar ol li form img{	
	width:27px;
	height:27px;
}


.body #set_banner{
	margin:1px 0 0 0;
	
}
#bg_content{
	background-color:#B3DEE4;
	overflow:hidden;
}


#bg_content .body #left{
	background-image:url(../images/06.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:279px;
	overflow:hidden;
	float:left;
	margin:0 0 0 0;
		background-color:#CFCFCF;
}

#bg_content .body #left #service_box{
	padding:0 0 0 15px;
	margin:25px 0 0 0;
}


#bg_content .body #left #service_box ul{
	margin:30px 0 30px 0;
}

#bg_content .body #left #service_box ul li{
	list-style:none;
}



#bg_content .body #left  #call_center{
	background-image:url(../images/13.png);
	background-repeat:no-repeat;
	width:267px;
	height:143px;
	margin:25px 0 0 0;
	overflow:hidden;

}
#bg_content .body #left  #call_center li{
	list-style:none;
}
#bg_content .body #left  #call_center #tel{
margin: 65px 0 0 130px;
font-size: 26px;
}

#bg_content .body #left  #call_center #tel a,
#bg_content .body #left  #call_center #tel a:visited{
	color:#666;
}


#bg_content .body #left  #call_center #mail{
margin: 3px 0 0 142px;
font-size: 14px;
}
#bg_content .body #left  #call_center #mail a,
#bg_content .body #left  #call_center #mail a:visited{
	color:#FFF;
	
}

#bg_content .body #left  #call_center #mail a:hover{
	color:#ccc;
	
}

#bg_content .body #left ul#social_list{
	margin: 20px 0 30px 40px;
	
}
#bg_content .body #left ul#social_list li{
	list-style:none;
	margin:0 0 10px 0;
	width:193px;
	height:42px;
	background-repeat:no-repeat;
	overflow:hidden;
} 
#bg_content .body #left ul#social_list li a{
		display:block;
margin:5px 0 0 45px;
}
#bg_content .body #left ul#social_list li a,
#bg_content .body #left ul#social_list li a:visited{

	color:#0090A3;
	
}
#bg_content .body #left ul#social_list li a:hover{
	color:#666;
}
#bg_content .body #left ul#social_list li#facebook{
	background-image:url(../images/14.png);
}

#bg_content .body #left ul#social_list li#twiter{
	background-image:url(../images/15.png);
}
#bg_content .body #left ul#social_list li#instagram{
	background-image:url(../images/16.png);
}
#bg_content .body #left ul#social_list li#line{
	background-image:url(../images/17.png);
}



#bg_content .body #right{
	float:left;
	overflow:hidden;
    margin: 0 0 0 45px;
    width: 670px;
}

#bg_content .body #right h3{
	margin:15px 0 0 0;
	color:#0090A3;
	font-size:46px;
	    height: 60px;
	border-bottom:solid 1px #0090A3;
}

#bg_content .body #right #home #block_a {
	width:669px;
	height:135px;
	overflow:hidden;
	background-image:url(../images/19.png);
	margin:10px 0 20px 0;
	
}


#bg_content .body #right #home #block_a #welcome_text{
height: 105px;
overflow: auto;
width: 480px;
margin: 40px 0px 0 180px;
padding:0 0 15px 0;
}



#bg_content .body #right #home .block_b{
    background-image: url(../images/21.png);
    background-repeat: no-repeat;
    width: 223px;
    height: 289px;
    background-position: center center;
    margin: 35px 0px 0 0px;
    float: left;
    overflow: hidden;
}

#bg_content .body #right #home .block_b .img{
	margin: 0 0 0 33px;
	list-style: none;
	overflow: hidden;
	padding-top: 20px;
	
}

#bg_content .body #right #home .block_b .text{
margin: 5px 15px 0 15px;
list-style: none;
font-size: 18px;
line-height: 120%;
	
}
#bg_content .body #right #home .block_b .more{
margin: 0 15px 0 0;
float: right;
list-style: none;
font-size: 16px;
	
}
#bg_content .body #right #home .block_b .more a,
#bg_content .body #right #home .block_b .more a:visited{
	color:#0090A3;
}
#bg_content .body #right #home .block_b .more a:hover{
	color:#333;
}


#bg_footer{
	background-image:url(../images/25.png);
	background-repeat:repeat-x;
	height:153px;
	overflow:hidden;
}
#bg_footer #footer{
	width:995px;
	margin:0px auto;
}
#bg_footer #footer ul{
	float:right;
	margin:-2px 0 0 0;
}

#bg_footer #footer ul li{
	list-style:none;
	float:left;
	margin:0 10px 0 10px;
}
#bg_footer #footer ul li a,
#bg_footer #footer ul li a:visited{
	color:#1197AA;
}

#bg_footer #footer ul li a:hover{
	color:#333;
}



#bg_footer #footer #col_a{
	clear:both;
	float:left;
	width:250px;
	line-height:110%;
	color:#FFF;
}
#bg_footer #footer #col_a b{
	display:block;
	font-size:24px;
	margin:5px 0 8px 0;
	
}

#bg_footer #footer #col_b{
	float: left;
	width: 300px;
	overflow: hidden;
	line-height: 110%;
	color: #FFF;
	margin: 7px 0 0 55px;
}

#bg_footer #footer #col_c{
	float:left;
	overflow:hidden;
	margin:20px 0 0 0;
}
#bg_footer #footer p{
    text-align: center;
    color: #FFF;
    margin: 0 0 0 0;
    clear: both;
    padding: 15px 0 0 0;

}

#bg_footer #footer p a,
#bg_footer #footer p a:visited{
	    color: #FFF;
}
#bg_top{
	background-image:url(../images/32.png);
	width:699px;
	height:7px;
	margin:25px 0 0 0;
}
#bg_body{
	background-image:url(../images/33.png);
	background-repeat:repeat-y;
	overflow:hidden;
}
#bg_bottom{
	background-image:url(../images/34.png);
	width:699px;
	height:7px;
	margin-bottom:25px;
	
}
#about #title_text{
	font-size:22px;
	text-align:center;
line-height: 120%;
margin-top:15px
	
}
#about #title_text span{
	color:#0090A3;
}
#about #title_text span#subject{
	font-size:28px;
	
}
#about div#text_about{
	padding:25px 25px 0 25px;
	color:#999;
	line-height:130%;
}

#about div#text_about p{
	text-indent:35px;
		color:#999;
		padding-bottom:15px
}
#about #gallery{
	margin:30px 0 0 0;
}


#about #gallery li{
	float: left;
	width: 142px;
	height: 110px;
	overflow: hidden;
	margin: 20px 12px 0px 12px;
	
}

#text_about span{
	color:#1892A9;
	
}

#services #col_map{
	margin:25px 0 0 0;
	float:left;
	overflow:hidden;
	
}

#services #col_media{
	float:left;
	overflow:hidden;
	margin:25px 0 0 0;
	width:370px;
}
#services #col_media ul{
		width:350px;
	float:left;
}
#services #col_media ol{
	width:200px;
	float:left;
	margin-top:13px;
}
#services #col_media ol li{
	list-style:none;
}
#services #col_media ul li.name{
	list-style:disc;
	list-style-position:inside;
	margin:0 0 0 25px;

}

#services #col_media ol li.photo img{
	vertical-align:text-top;
	float:left;
}
#services #col_media ol li.photo img.arrow{
		vertical-align:top!important;
		margin-right:3px
}
#services #col_media ul li a{
	color:#1892A9
	
}
#services #col_media ul li a:hover{
	color:#333;
}

#entertain ol{
	width:500px;
	margin:0px auto;
	padding:0 0 0 25px;
	
}
#entertain ol li{
	float:left;
	width:210px;
	overflow:hidden;
	margin:0 0 0 25px;
	list-style: disc;
	list-style-position:inside !important;
	color:#999;
	
	
}

#entertain ul{
	width:600px;
	margin:0px auto;
	
}
#entertain ul li{
	width:280px;
	text-align:center;
	float: left;
	overflow:hidden;
	list-style:none;
	margin: 10px;
	height:360px;
	background-position:center center;
	
	
}

#entertain ul li img{
	width:100%;
	height:100%;
}
div#contact{
	margin:10px 0 0 20px;
	
}
#contact #address{
	background-image:url(../images/41.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:283px;
	height:336px;
	padding:5px 5px 5px 15px ;
	float:left;
	overflow:hidden;
	
}

#contact #address h4{
	font-size:24px;
	text-transform:uppercase;
	color:#0090A4;
margin-top: -5px;
}

#contact #address td{
	vertical-align:top;
}



#contact form#contact{
		background-image:url(../images/41.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:293px;
	height:336px;
		float:left;
	overflow:hidden;
	margin:0 0 0 25px;
	padding:0 0 0 10px;
}

#contact form#contact h4{
		font-size:24px;
	text-transform:uppercase;
	color:#0090A4;
margin-top: 0;
}

#contact form#contact td{
	vertical-align:top;
	
}


#contact form#contact td input,
#contact form#contact td textarea{
	width:90%;
	border:solid 1px #CCC;
	background-color:#FFF;
		vertical-align: text-top;
		margin:5px 0 0 0;
}

#contact form#contact td textarea{
	height:100px;
}

#contact #bg_map{
	background-image:url(../images/53.png);
	width:624px;
	height:698px;
	overflow:hidden;
	text-align:center;
	padding-top:25px;
	background-repeat:no-repeat;
	background-position:top left;
}

#contact #bg_map div#map{
	width:593px;
	height:310px;
	padding:3px;
	margin:25px auto 0 auto;
	border:solid 1px #CCC;
	
	
}
#news_list{
	border-top:solid 1px #D6D7D7;
	margin:15px 25px 55px 25px 
}

#news_list ul{
	margin:25px 0 0 0;
	clear:both;
}
#news_list ul li{
	list-style:none;
}
#news_list ul li.photo{
	float:left;
	overflow:hidden;
	margin:15px 25px 0 0;
	background-position:center center;
}

#news_list ul li.photo img{
	border:solid 1px #CCC;
	width:194px;
	height:145px;	
}


#news_list ul li.title{
margin: 10px 0 0 0;
overflow: hidden;
float: left;
width: 390px;
	
}

#news_list ul li.title a,
#news_list ul li.title a:visited{
	color:#0090A3;
}
#news_list ul li.title a:hover{
	color:#333;
}
#news_list ul li.discript{
	margin:0 0 15px 0;
	color:#838587;
	
}

#photo_news{
	text-align:center;
	margin:25px 0 25px 0;
}
#photo_news img{
	max-width:455px;
}


#port{
	margin:25px;
}

#port ul{
	width: 195px;
	height: 195px;
	float: left;
	overflow: hidden;
	margin: 0 5px 0 5px;
}
#port ul li{
	list-style:none;

}
#port ul li a,
#port ul li a:visited{
	color:#00809B;
}
#port ul li a:hover{
	color:#666;
}
#port ul li.photo{
			border:solid 1px #E2E2E2;
	height:145px;
		width:193px;
	height:145px;
	background-position:center center;
	background-repeat:no-repeat;
}

#port ul li.title img{
	float:right;
	margin:10px 5px 0 0;
}

#port ul li.photo{
	width:193px;
	height:145px;
}

#port ul li.photo img{
	width:193px;
	height:145px;
}

#photo_port{
	margin:0 25px 0 25px;
}

#photo_port li{
	list-style:none;
}

#photo_port li.photo{
	background-repeat:no-repeat;
	background-position:center center;
	border:solid 1px #E2E2E2;
	height:145px;
	overflow:hidden;
}

#photo_port ul{
		margin:15px 10px 0 0;
		float:left;
		height:180px;
		width:195px;
}

#photo_port img{
	width:195px;
	height:145px;
}

#photo_port ul li.title{
	text-align:center;
}




div#thank{
	text-align:center;
	margin-top:35px;
	
}



#news_detail img{
	margin:5px;
	
}

#news_detail img#back{
	float:right;
	margin:25px 0 15px 0;
	clear:both;
}