@import  "../../../css/font.css"; 

html, body, div{
	margin: 0;
	padding: 0;

}

body{ 
	color: #000000;
	font-family: "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
	font-size : 13px;
	line-height:18px;
	background:#ffffff;
	
}


img{ border:none; }
:focus{ outline:0; }
a:active{ outline:none; }
.word-wrap{ word-wrap: break-word; }
 
.clear{ clear:both; }
.left{ float:left; }
.right{ float:right; }
.box{ display:block; position:relative; }
.txt-center{ text-align:center; }
.txt-left{ text-align:left; }
.txt-right{ text-align:right; }

.table{ display:table; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }
.vtop{ vertical-align:top; }
.vmiddle{ vertical-align:middle; }
.vbottom{ vertical-align:bottom; }


/*---------- text-link ----------*/
a:link{ text-decoration:none; color:#333333;  }
a:visited{ text-decoration:none; color:#333333; }
a:hover{ text-decoration:none; color:#333333; }

a.txtLink:link {text-decoration : none; color : #3f6042;}
a.txtLink:visited {text-decoration : none; color : #3f6042;}
a.txtLink:hover {text-decoration:underline; color : #3f6042;}

#header{ display:block; position:relative; height:86px; min-width:1000px;   }
#header-inner{ display:none;  z-index:999; position:fixed; width:100%; height:86px; background:#fff; top:0px; border-bottom:#e5e5e5 solid 1px; min-width:1000px;  }
a.grandview-group{ display:block; position:relative; width:120px; height:86px; background:url(../img/grandview-group.png) no-repeat; }
a.grandview-group > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/grandview-group.png) no-repeat; background-position:0 -86px;
  -webkit-transition: opacity 0.5s;   -moz-transition:opacity 0.5s;   -o-transition:pacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);   }
a.grandview-group:hover > span{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }  

.logo{ padding:0 30px; }

.boxm-right{ padding:0 31px 0 0; }

#box-lang{ display:block; position:relative; width:54px; height:25px; margin:31px 31px 0 0;  }

#box-lang > .lang-en{ display:block; float:left; }
#box-lang > .lang-en > a{ display:block; position:relative; width:25px; height:25px; background:url(../img/lang-en.png) no-repeat; }
#box-lang > .lang-en > a > span{
	display:block; position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/lang-en.png) no-repeat; background-position:0 -25px;
	-webkit-transition: opacity 0.5s;   -moz-transition:opacity 0.5s;   -o-transition:pacity 0.5s;   
	opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
}
#box-lang > .lang-en > a:hover > span{  opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);  }
#box-lang > .lang-en > span{ 
  display:block; position:relative; width:25px; height:25px; background:url(../img/lang-en.png) no-repeat; background-position:0 -25px;  
}


#box-lang > .lang-th{ display:block; float:right; }
#box-lang > .lang-th > a{ display:block; position:relative; width:25px; height:25px; background:url(../img/lang-th.png) no-repeat; }
#box-lang > .lang-th > a > span{
	display:block; position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/lang-th.png) no-repeat; background-position:0 -25px;
	-webkit-transition: opacity 0.5s;   -moz-transition:opacity 0.5s;   -o-transition:pacity 0.5s;   
	opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
}
#box-lang > .lang-th > a:hover > span{  opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);  }
#box-lang > .lang-th > span{ 
  display:block; position:relative; width:25px; height:25px; background:url(../img/lang-th.png) no-repeat; background-position:0 -25px;  
}

.boxmenu{ 
    display:block; position:relative; padding:27px 8px 0 0; font-weight:300;
	font-size:14px; font-family: 'Prompt'; line-height:1; text-transform:uppercase; }
.boxmenu > a{ padding:0 18px; display:block; height:59px; float:left; color:#666666; transition:ease 0.5s; text-align:center;  }
.boxmenu > a:hover{ color:#3f6042; }
.boxmenu > a.activ{ color:#3f6042; }

@media only screen and (max-width: 1024px) {
	.boxmenu > a{ padding:0 10px; } 
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3f6042;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}



/* footer */
#footer{ display:block; position:relative; border-top:#e5e5e5 solid 1px; padding-bottom:86px; }
#footer > div.footer{ padding:15px 31px 16px;  font-size:12px; color:#58585a; }

.footer a{ color:#58585a;  -webkit-transition:0.5s;   -moz-transition:0.5s;   -o-transition:0.5s; }
.footer a:hover{ color:#c8c8c8; }

.footer > .right > a{ vertical-align:middle; }

a.icon-fb{ display:inline-block; position:relative; width:9px; height:13px; background:url(../img/icon-fb.gif) no-repeat; vertical-align:middle; }
a.icon-fb > span{
	position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/icon-fb.gif) no-repeat; background-position:0 -13px;
	-webkit-transition: opacity 0.5s;   -moz-transition:opacity 0.5s;   -o-transition:pacity 0.5s;   
	opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
}
a.icon-fb:hover > span{  opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

a.icon-tw{ display:inline-block; position:relative; width:15px; height:13px; background:url(../img/icon-tw.gif) no-repeat; vertical-align:middle; }
a.icon-tw > span{
	position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/icon-tw.gif) no-repeat; background-position:0 -13px;
	-webkit-transition: opacity 0.5s;   -moz-transition:opacity 0.5s;   -o-transition:pacity 0.5s;   
	opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
}
a.icon-tw:hover > span{  opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

a.icon-ig{ display:inline-block; position:relative; width:14px; height:13px; background:url(../img/icon-ig.gif) no-repeat; vertical-align:middle; }
a.icon-ig > span{
	position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/icon-ig.gif) no-repeat; background-position:0 -13px;
	-webkit-transition: opacity 0.5s;   -moz-transition:opacity 0.5s;   -o-transition:pacity 0.5s;   
	opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
}
a.icon-ig:hover > span{  opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

a.icon-yt{ display:inline-block; position:relative; width:15px; height:13px; background:url(../../../img/icon-yt.gif) no-repeat; vertical-align:middle; }
a.icon-yt > span{
	position:absolute; top:0; left:0; bottom:0; right:0; background: url(../../../img/icon-yt.gif) no-repeat; background-position:0 -13px;
	-webkit-transition: opacity 0.5s;   -moz-transition:opacity 0.5s;   -o-transition:pacity 0.5s;   
	opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }
a.icon-yt:hover > span{  opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

#boxcontent{ display:block; position:relative; border-top:#e5e5e5 solid 1px; }
.content{ display:block; position:relative; width:1000px; margin:0 auto;   }
 
.boxtxt-h{ display:block; position:relative; padding:52px 0 39px; text-align:center; font-family: "Prompt"; font-size:30px; line-height:1; font-weight:300; text-transform:uppercase; color:#3f6042;  }
.boxtxt-h > .linex{ display:block; position:relative; height:1px; background:#333; width:60px; margin:16px auto 0; }
.boxtxt-h > .txtdesc{ display:block; position:relative; font-size:16px; line-height:1.375; font-weight:300; max-width:1000px; margin:16px auto 0; text-transform:none; color:#000; }
.boxtxt-h > .txtdesc > b{ font-weight:400;}

.boxtxt-h > .txthname{ display:block; position:relative; font-size:40px; line-height:0.875; font-weight:200;  text-transform:uppercase; color:#3f6042; margin-top:36px; }

.boxtxt-h > .txtsubdesc{ display:block; position:relative; font-size:14px; line-height:1.375; font-weight:300; max-width:1000px; margin:16px auto 0; text-transform:none; color:#000; }
.boxtxt-h > .txtsubdesc > ul{ display:inline-block; position:relative; text-align:left; font-family: "Lucida Sans Unicode", Arial, Tahoma, sans-serif; }


/* page home */ 
#boxbooknow{ display:none; position:relative; padding:14px 31px; text-align:right;  border-top:#e5e5e5 solid 1px; z-index:999; }
#bookingbx{ display:block; position:fixed; background:#ffffff; border-top:#e5e5e5 solid 1px; bottom:0px; left:0px; right:0; z-index:999; width:100%; margin:0; padding:0;  }
#bookingbx > .box{ display:block; position:relative; padding:10px 31px 16px;  }


/* room */
.room-table{ display:table; width:100%;  }
.room-td-txt{ display:table-cell; width:33%; background:#f2f2f3; vertical-align:top; }
.room-td-txt > div{ padding:42px; min-width:350px; }
.room-td-txt ul, .room-td-txt ol{ padding:0 0 0 15px; margin:0;  }
.room-td-txt ul li{ width:200px; float:left; padding-right:10px;  }

.room-td-img{ display:table-cell; width:67%; vertical-align:top;  background:#f2f2f3; }
.room-td-img > .room-gallery{ display:block; position:relative; width:100%; height:480px; overflow:hidden; }

.bxroomname{ display:block; position:relative; color:#3f6042; font-weight:100; line-height:0.875; font-family: "Prompt"; font-size:40px; text-transform:uppercase; padding:0 0 16px;    }
.bxroomdesc{ display:block; position:relative; font-weight:400; line-height:1.4; font-family: "Prompt"; font-size:14px; padding:0 0 16px;    }



/* food dining */
.food-table{ display:table; width:100%; }
.food-td{ display:table-cell; width:33%; vertical-align:top;  }
.food-td-center{ display:table-cell; width:33%; vertical-align:top; border-left:#FFF solid 1px; border-right:#FFF solid 1px; }

.box-fd-gallery{ display:block; position:relative; width:100%; padding-bottom:20px;  }
.box-fd-txt{ padding:0 31px 45px; text-align:center; }
.box-fd-txt img{ max-width:100%; }

.bxfoodname{ display:block; position:relative; color:#3f6042; font-weight:200; line-height:0.875; font-family: "Prompt"; font-size:40px; text-transform:uppercase; padding:0 0 16px;  }



/* gallery */
#boxgallery{ display:block; position:relative;  }
.galleryitem{ display:block; position:relative;  }
.galleryitem img{ max-width:100%; }
.galleryitem > a{ display:block; position:relative; }
.galleryitem > a > .galleryO{ 
  position:absolute; top:0; left:0; right:0; bottom:0; background-color: rgba(0, 0, 0, 0.7); 
  background-image:url(../img/icon-zoom.png); background-repeat:no-repeat; background-position: center; 
  -webkit-transition: opacity 0.5s;   -moz-transition:opacity 0.5s;   -o-transition:pacity 0.5s; 
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); 
}
.galleryitem > a:hover > .galleryO{  opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);  }
.gallery_txt{ display:block; position:relative; text-align:center; padding:0 0 20px; }


/* rate-reservation */
.rate-reservation-img{ 
   display:block; position:relative; background:url(../img/rate-reservation-img.jpg) center no-repeat; background-size:cover; height:480px;  }
#boxrate{
	display:block; position:relative; width:938px; margin:0 auto; padding:0 0 30px;
}
.rateh-td1{ width:332px; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px; vertical-align:top; font-weight:bold; }
.rateh-td2{ width:124px; border:#e7e7e7 solid 1px; border-left:none; vertical-align:top; text-align:center; font-weight:bold; }
.rateh-td3{ width:169px; border:#e7e7e7 solid 1px; border-left:none; vertical-align:top; text-align:center; font-weight:bold; }
.rateh-td4{ width:156px; border:#e7e7e7 solid 1px; border-left:none; vertical-align:top; text-align:center; font-weight:bold; }
.rateh-td5{ width:154px; border:#e7e7e7 solid 1px; border-left:none; border-right:none; vertical-align:top; text-align:center; font-weight:bold; }
.rateh-td1 div, .rateh-td2 div, .rateh-td3 div, .rateh-td4 div, .rateh-td5 div{ padding:6px 0; }

.rate-td1{ width:332px; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px; vertical-align:top; font-weight:bold; color:#3f6042; }
.rate-td2{ width:124px; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px; vertical-align:top; text-align:center;  }
.rate-td3{ width:169px; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px; vertical-align:top; text-align:center;   }
.rate-td4{ width:156px; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px; vertical-align:top; text-align:center;   }
.rate-td5{ width:154px; border-bottom:#e7e7e7 solid 1px; vertical-align:top; text-align:center;  }
.rate-td1 div, .rate-td2 div, .rate-td3 div, .rate-td4 div, .rate-td5 div{ padding:6px 0; }

#boxrate ul{ margin:0; padding:0 0 0 15px; }


/* event */
.event-img{ 
   display:block; position:relative; background:url(../img/event-activity-img.jpg) center no-repeat; background-size:cover; height:480px;  }
.txtsamed{ display:block; position:relative; text-align:center; padding:23px 0 40px; font-family: 'Prompt'; font-size:20px; line-height:26px;  }
.speed-boat{ 
   display:block; position:relative; background:url(../img/speedboat_01.jpg) center no-repeat; background-size:cover; height:480px;  }

#event{ display:block; position:relative; margin:0 21px 52px;  }
.boxevent{ display:block; position:relative;  border:#e7e7e7 solid 1px;   }
.eventimg{ display:block; position:relative;  }
.eventimg img{ width:100%;   }
.eventtxth{ display:block; position:absolute; bottom:0px; width:100%; }
.eventtxth > div{ 
  display:block; position:relative; background:#ffffff url(../img/bottom-event-line.gif) 16px bottom no-repeat; 
  padding:13px 0 13px 16px; margin-right:16px; color:#3f6042; font-family: 'Prompt'; font-size:16px; line-height:18px; font-weight:500;
}
.eventtxt{ display:block; position:relative; padding:18px 16px 22px; }

.bxspeedboatimg{ display:block; position: relative; }

/* guest review */
.guest-img{ 
   display:block; position:relative; background:url(../img/guest-review.jpg) center no-repeat; background-size:cover; height:480px;  }

#guest{ display:block; position:relative; margin:0 21px 52px; color:#333333;  }
.boxguest{ display:block; position:relative;  border:#e7e7e7 solid 1px;   }
.boxguest > div{ padding:13px 16px 22px; }
.guestbox{
  display:block; position:relative; background:#ffffff url(../img/bottom-event-line.gif) left bottom no-repeat; padding:0 0 13px 0; margin-right:16px; 
}
.guestbox > .guestbox-h{ color:#3f6042; font-family: 'Prompt'; font-size:16px; line-height:18px; }
.guestbox > .guestbox-sh{ font-family: 'Prompt'; font-size:16px; line-height:18px; }
.guestbox-txt{ display:block; position:relative; padding:18px 0 0px;  }


/* contact */
.contact-boximg{ display:table; width:100%; height:480px;  }
.contact-add{ display:table-cell; width:33%; height:480px; background:#f2f2f3; vertical-align:middle; }
.contact-img{ display:table-cell; width:67%; height:480px; background:url(../img/contactUs.jpg) center no-repeat; background-size:cover; } 
.contact-add > div{ display:block; position:relative; width:305px; margin:0 auto; font-family: 'Prompt'; font-size:14px; line-height: 1.4; }
.contact-add > div > .name{ font-size:40px; font-weight:200; color:#3f6042; text-transform:uppercase; margin-bottom:16px; line-height: 0.875; }
.contact-add > div img{ max-width:100%; }
.contact-add a{ text-decoration:underline; color:#000000; }
.contact-add a:hover{ text-decoration:none; }

.box-pin{ display:block; position:relative; width:100%; }
.box-pin-left{ display:block; position:relative; float:left; width:152px; border-right:#cdcdcd solid 1px; }
.box-pin-right{ display:block; position:relative; float:left; width:152px; }

a.btn-ggmap{ display:block; position:relative; width:80px; text-align:center; text-decoration:none; margin:0 auto; }
a.btn-ggmap:hover{ text-decoration:underline; }
a.btn-ggmap img{ vertical-align:middle;  }

.btn-getting{ display:block; position:relative; min-width:112px; text-align:center; cursor:pointer; text-decoration:none;  }
.btn-getting:hover{ text-decoration:underline; }

#box-contact{ display:block; position:relative; width:840px; margin:0 auto 52px; color:#333333;  font-family: 'Prompt'; font-size:16px;   }

.form-box{ display:block; position:relative; padding:10px 10px; border:#e7e7e7 solid 1px; margin:0 0 17px;  }
.form-table{ display:table; width:100%;  }
.form-td1{ display:table-cell; width:42px; vertical-align:top; }
.form-td1 > div{ padding:4px 0 0; }
.form-td2{ display:table-cell; }


#contactform label { display:block; padding:0; margin:0;}
#contactform label.error{ margin-left:0px; color:#ff0000; font-size:16px; font-style:italic; }
#contactform input[type=text].error{ border:#e77776 solid 1px; background:#f8dbdb; }
#contactform input[type=text]{ display:block; border:none; width:98%; padding:2px; font-size:inherit; font-family:inherit; }


#contactform textarea.error{ border:#e77776 solid 1px; background: #f8dbdb;  }
#contactform textarea{ 
   width:98%; height:147px; padding:2px; resize:none; border:none; font-size:inherit; font-family:inherit; 
}

.contact-center{ display:block; position:relative; width:411px; margin:0 auto; padding:4px 0 0; }


input.btn-submit{ 
  display:block; width:109px !important; height:37px !important; padding:0 !important; margin:0 auto;   
  background:url(../img/btn-submit.png) no-repeat;  border:none !important; cursor:pointer;  }




.getting-h{ display:block; position:relative; text-align:center; padding:0 0 20px; }

.boxtabs-h{ display:block; position:relative; width:617px; margin:0 auto;   }
.content-tab{ padding-bottom:52px; }
.box-tabinner{ display:block; position:relative; border-bottom:#3f6042 solid 1px; padding:36px 0;  }
.getting-arrow1{ display:block; position:relative; height:14px; border-bottom:#3f6042 solid 1px;  }
.getting-arrow1 > div{ display:block; position:relative; padding-left:223px; margin-bottom:-1px; } 
.getting-txth{   font-family: 'Prompt'; font-weight:500; font-size:16px; color:#3f6042; padding-bottom:16px;   }

.box-tabinner .bxtxt{ display:block; position: relative; padding:0 20px; }
.box-tabinner .bximg{ display:block; position: relative; width: 100%;   }
.box-tabinner .bximg img{ width: 100%; max-width: 100%; }

.box-special-offer{ display:block; position:relative; width:1000px; margin:0 auto; padding:0 0 26px; line-height:auto;  }
.box-special-offer img{ max-width:1000px; }



#btntop{ display:block; position:relative; width:60px; height:60px; background:url(../img/top.png) no-repeat; z-index:7999; }
#btntop > span{ 
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/top.png) no-repeat; background-position:0 -60px;
  -webkit-transition: opacity 0.4s;   -moz-transition:opacity 0.4s;   -o-transition:pacity 0.4s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); 
}
#btntop:hover > span{  opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);  }

.bxtxth{ display:block; position: relative; font-size:30px; font-family: 'Prompt'; text-transform: uppercase; color:#68a16c; padding:0;  }
.content{ display:block; position:relative; width:1000px; margin:0 auto;   }
.pagecookie{ display:block; position: relative; padding:0 0 104px; }
 

#cookiesbx{ 
 display: none; position:fixed; left: 0px; right: 0px; bottom:0px; background:rgba(63,101,66,0.9); color: #fff; z-index:9999; }
.cookiesbx{ display:block; position:relative; padding: 26px 0; width:68.75%; margin:0 auto;  }
.cookiesbx > .tb{ display:table; position: relative; width:100%; }
.cookiesbx > .tb > .c1{ display:table-cell; position: relative; vertical-align:top; }
.cookiesbx > .tb > .c2{ display:table-cell; position: relative; vertical-align:top; width:246px; text-align: right;  }
.cookiesbx > .tb > .c1 > .bx{ display:block; position: relative; width:100%; }
.cookiesbx a{ text-decoration: underline; color:#000; transition: ease 0.5s; }
.cookiesbx a:hover{ color: #fff; }
.cookiesbx button{ display:inline-block; position: relative; border:0;  margin: 0; color: #fff; border-radius:12px; padding: 10px 26px; cursor: pointer; font-size:inherit; font-family: inherit; transition: ease 0.5s; background:#68a16c;   }
.cookiesbx button:hover{ background:#000;  }