@charset "utf-8";
/*CSS 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,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}meter,progress,mark, time{display:inline;}ol, ul {list-style: none;}blockquote,q{quotes: none;}html,body{height:100%;}img {border:0;vertical-align:top;text-align:left;}object{vertical-align:top;outline:none;}ul,ol{list-style:none;}table,table td{padding:0;border:none;border-collapse:collapse;}input,select,textarea{font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0;}textarea{overflow:auto;}

/*GLOBAL*/
html{min-width:900px;}
body{background:#0096a3 url(../images/body-bg.jpg) center top no-repeat;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#000; overflow:hidden;}

#glob{
	width:100%;
	height:100%;

	min-height:850px;
	z-index:1;
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#86eff6;
	left: 50px;
}

#gspinner{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:999;
	background:url(../images/ajax-loader.gif) #0096a3 center center no-repeat;
}

/*ELEMENTS*/
a {color:#f00;outline:none;}
a:hover{text-decoration:none;}


p,.blo{
	line-height:18px;
	margin-bottom:18px;
}

.p1{
	display:block;
	margin-bottom:6px;
}


/*header*/
header{
	height:64px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	background: url(../images/header-bg.png);
}

h1{
	position:absolute;
	z-index:10;
	left:0;
	top:0;
}

/*#content*/

.close{
	position:absolute;
	right:33px;
	top:33px;
	z-index:2;
}

.in{
	width:900px;
	height:100%;
	position:relative;
	z-index:1;
	margin:0 auto;
}

#main>nav a{
	width:142px;
	height:140px;
	/*padding-top:100px;*/
	display:block;
	position:absolute;
	font:14px/40px Arial, Helvetica, sans-serif;
	color:#b1faff;
	text-align:center;
	text-decoration:none;
}

#main>nav a>img{
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
}

#main>nav a>span{
	position:absolute;
	display:block;
	width:100%;
	text-align:center;
	bottom:0;
	left:0;
}

#main>nav.menu2 .nav1 a{
	left:523px;
	top:320px;
}

#main>nav.menu2 .nav2 a{
	left:378px;
	top:463px;
}

#main>nav.menu2 .nav3 a{
	left:378px;
	top:177px;
}

#main>nav.menu2 .nav4 a{
	top:320px;
}

#main>nav.menu2 .nav5 a{
	left:668px;
	top:177px;
}

#main>nav.menu2 .nav6 a{
	left:88px;
	top:177px;
}

#main>nav.menu2 .nav7 a{
	left:668px;
	top:463px;
}

#main>nav.menu2 .nav8 a{
	left:233px;
	top:320px;
}

#main>nav.menu2 .nav9 a{
	left:88px;
	top:463px;
}

#content>ul>li{
	width:482px;
	height:482px;
	background:url(../images/content-sp.png) #259ca6;
	position:absolute;
	left:50%;
	top:50%;
	z-index:1;
	margin:-241px 0 0 -241px;
}

#content>ul>li>.inner{
	width:382px;
	margin:50px;
	position:relative;
	overflow:hidden;
	z-index:1;
}

.scroll{
	height:370px;
}

.scrollUp,.scrollDown{
	width:21px;
	height:21px;
	background:url(../images/scroll-btns.png) 100% 0 no-repeat;
	position:absolute;
	z-index:1;
	right:43px;
	bottom:35px;
}

.scrollUp{
	right:65px;
	background-position:0 0;
}

.scrollUp:hover{
	background-position:0 100%;
}

.scrollDown:hover{
	background-position:100% 100%;
}

h2{
	font:36px/1.2em 'Lobster', cursive;
	color:#fff;
	margin-bottom:20px;
}

#parthners .parthners li{
	margin-right:21px;
	margin-bottom:24px;
}

#parthners .parthners li.lst{
	margin:0;
}

#portfolio .portfolio li{
	display:block;
	margin-bottom:30px;
}

/*footer*/
footer{
	position:absolute;
	left:0;
	top:780px;
	z-index:1;
}

footer nav{
	position:absolute;
	left:130px;
	top:0;
	z-index:1;
	width:666px;
}

footer nav li{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#3eaeb8;
	padding-right:8px;
}

footer nav li a{
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#90ecf3;	
	margin-right:8px;
	float:left;
}

footer nav li.active a,footer nav li a:hover{
	color:#fff;
	text-decoration:underline;
}

footer .privacy{
	color:#adf8ff;
	font:14px Arial, Helvetica, sans-serif;
	position:absolute;
	left:350px;
	top:44px;
}
/*forms css*/

/*js css*/

#googlemap{
	border:6px #fff solid;
	border-radius:12px;
}

/*additional classes*/
.white{color:#fff;}

.fleft,.fl{float:left;}
.fright,.fr{float:right;}
.fnone,.fn{float:none;}
.col-1,.col-2,.col-3{float:left;}
.alignleft,.all{text-align:left;}
.alignright,.alr{text-align:right;}
.aligncenter,.alc{text-align:center;}
.wrapper{width:100%;overflow:hidden;}
a.und,.und a{text-decoration:none;}
a.und:hover,.und a:hover{text-decoration:underline;}
a.nocolor, .nocolor a{color:inherit;}
.upc{text-transform:uppercase;}
.extra-wrap{overflow:hidden;}
.nopad{padding:0;}
.nomar{margin:0;}
.clear{clear:both;line-height:0;}
.bold{font-weight:bold;}
.dn{display:none;}

/*custom boxes*/

.btn{
	font:13px/28px Arial, Helvetica, sans-serif;
	padding:0 15px;
	color:#fff;
	display:inline-block;
	text-decoration:none;
	background:url(../images/btn-sp.png);
}

.list a{
	font:13px/24px Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/mrk1.png) left center no-repeat;
	padding-left:16px;
	text-decoration:none;
}

._line{
	border-bottom:1px #fff solid;
}

dl.address dd{text-align:right;clear:both; width:174px;}
dl.address dd span{float:left;}

dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd{overflow:hidden;}
dl.img-box dt,.img-box-set dl dt{float:left; margin-right:32px;}
dl.img-box.imb2 dt{float:left; margin-right:22px;}


#userinput, #passinput{
border:none; //นี้คือทำให้ เส้นขอบหายไป
background:none; 
width:200px;
height:18px;
}




a.button {
    background: transparent url('../images/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}