@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #f6f6f6 !important;
}


body {

    }

article, aside, footer, header, main, nav, section{
	display:block;}

#main {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;}
	
#main #header {
    position: fixed;
    top: 0;
    height: 87px;
    z-index: 10;
}
.wrapper{
    position: absolute;
    width: 1026px;
	left: 5%;
    z-index: 2;
    margin: 0 auto;}
.header{
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 50px;
	background:url(file:///C|/Users/pakawadee.run/Desktop/gie/Gie/image/head-line.jpg));}
	
	
/* menu*/
.menu{     
    margin-left: -20px;
	}


.booking{     
   
	padding-top: 5px;
    float: right;
    z-index: 1;
    padding-right: 120px;

	}
.booking li {
	line-height: 2.5;
    display: inline;
	padding-right:2px;
	padding-top:5px;
	list-style: none;
}
.inmenu{ margin-top:-10px;
	}
#left-menu{
    opacity: 0.8;
    z-index: 1;
    position: absolute;
    width: 181px;
    height: 300px;
    top: 193px;
    background-color: rgb(128, 82, 39);}
#left-menu ul li {
	line-height: 1.9;
    padding-top: 29px;
    padding-bottom: 8px;
    list-style: none;
}
	



#left-menu li a{ font-size:25px; font-weight:200; color:#ffffff;text-decoration: blink; 
}

ul
{
margin:0px;
padding:0px;

-webkit-backface-visibility: hidden; backface-visibility: hidden;  
}
.var_nav
{
position:relative;
width:175px;
height:37px;
margin-bottom:1px;
}
.link_bg
{
 width:67px;
 height:47px;
 position:absolute;
 color:#fff;
 z-index:2;
 
}
.link_bg i
{
 position:relative;
}
.link_title
{
	
position:absolute;
width:100%;
padding-top:1px;
z-index:3;
color:#fff;
}
.link_title:hover .icon
{
-webkit-transform:rotate(300deg);
-moz-transform:rotate(300deg);
-o-transform:rotate(300deg);
-ms-transform:rotate(300deg);
transform:rotate(300deg);  
}
.var_nav:hover .link_bg
{
width:100%;
background:#321C0F;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
}
.var_nav:hover a
{
font-weight:bold;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out; 
-o-transition:all .5s ease-in-out; 
-ms-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out;  
}
.icon
{
position:relative;
width:35px;
height:30px;
text-align:center;
color:#fff;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out; 
-o-transition:all .5s ease-in-out; 
-ms-transition:all .5s ease-in-out;   
float:left;
transition:all .5s ease-in-out;   
float:left;  
}
.icon i{top:22px;position:relative;}
var_nav li a{
	
display:block;
position:absolute;
float:left;
font-family:arial;
color:#fff;
text-decoration:none;
width:100%;
height:50px;
padding-left:15px;
}
span
{
margin-top:1px;
display:block;
}

/* footer */

 #footer {

	text-align:center;
    bottom: 0;
    width: 100%;
    height: 50px;
    margin: 0 auto;
	background: url(../images/head-line.jpg)}
	 #footerindex {
	text-align:center;
	z-index:2;
    bottom: 0;
    width: 100%;
    height: 50px;
    margin: 0 auto;
	  position: fixed;
	background:url(../images/head-line.jpg);}
.text{ color:#C1925C;}
.footerL{ float:left;margin-top: 15px;}
.footerR{float: right; padding-top: 8px;}
.line{ background:#311B0E;height: 2px;margin-top: 15px;}
.box-thumbnail{    line-height: 1.4;
    height: 400px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    margin-left: -15px;
   background: #ffffff;
	-webkit-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.3);}
.box-thumbnailR{line-height: 1.8;padding-left:15px; padding-right:15px; padding-top:10px;left: 15px; background: #ffffff;    height: 400px;
	-webkit-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.3);}