/* #main{
	position: relative;
	width:1000px;
	margin:0 auto;
	} */
/**********************************/
.animation{
	position:relative;
	float:left;
	width:100%;
	height:800px;
	overflow:hidden;
	background: url(../images/animation/bg.jpg) top center no-repeat;
	}
.animation .land{
	position:absolute;
		z-index:1;
	width:2100px;
	height:800px;
	background:url(../images/animation/land.png) top center no-repeat;
	}
.animation .name-t{
	position:absolute;
		z-index:2;
	width:100%;
	height:878px;
	background:url(../images/animation/text.png) top center no-repeat;
	}		
.animation .sea{
	position:absolute;
		top:55px;
		z-index:0;
	width:100%;
	height:758px;
	background:url(../images/animation/sea.png) top right no-repeat;

	}
/**************************/
.rock{
	position:absolute;
		left:-400px; top:150px;
	width:1920px;
	height:692px;
	background:url(../images/animation/rock_bg.png) no-repeat;
	z-index:4;

	}	

/*************/
.balcony{
	position:absolute;
		right:0; bottom:0;
		z-index:12;
	width:568px;
	height:204px;
	background:url(../images/animation/balcony.png);
	}
.monkey{
	position:absolute;
		left:0px; top:0px;
		z-index:2;
	width:206px;
	height:496px;
	background:url(../images/animation/monkey-2.png);
	-webkit-animation: monkey 10s linear infinite;
	}	
@-webkit-keyframes monkey {
    0% {
	   background:url(../images/animation/monkey-2.png);
    }
	30% {
	   background:url(../images/animation/monkey-2.png);
    }
	31% {
	   background:url(../images/animation/monkey-3.png);
    }
	41% {
	   background:url(../images/animation/monkey-3.png);
    }
	42% {
	   background:url(../images/animation/monkey-2.png);
    }
	60% {
	   background:url(../images/animation/monkey-2.png);
    }
	61% {
	   background:url(../images/animation/monkey-1.png);
    }
	90% {
	   background:url(../images/animation/monkey-1.png);
    }
	91% {
	   background:url(../images/animation/monkey-2.png);
    }
    100% {
       background:url(../images/animation/monkey-2.png);
    }
}
.jump{
	position:absolute;
	top:-200px; left:190px;
	-webkit-animation: jump 10s linear 1;
	}	
@-webkit-keyframes jump {
    0% {
	   top:200px; left:400px;
    }
    4% {
	   top:200px; left:400px;
    }
	6% {
	   top:100px; left:400px;
    }
	8% {
	   top:100px; left:400px;
    }
	10% {
	   top:80px; left:360px;
    }
	12% {
	   top:100px; left:360px;
    }
	14% {
	   top:100px; left:360px;
    }
	20% {
	   top:100px; left:360px;
	   filter: blur(0);
    }
	22% {
	   top:-220px; left:190px;
	   filter: blur(3px);
    }
	24% {
	   top:-200px; left:190px;
	   filter: blur(0px);
    }
    100% {
       top:-200px; left:190px;
    }
}	
/****************************************/
[class*=bird]{
    position: absolute;

    background: url(../images/animation/birds.png) no-repeat;
    width: 20px;
    height: 16px;
    display: block;
    -webkit-animation: bird-move 120s infinite, bird-flap 0.8s steps(10) infinite;
    animation: bird-move 120s infinite, bird-flap 0.8s steps(10) infinite;
    z-index:3;
    opacity:1;
    left:-2vw;
}

.bird-1 { top:20%; animation-delay: 1s;}
.bird-2 { top:33%; animation-delay: 2s;}
.bird-3 { top:22%; animation-delay: 3s; transform:scale(0.8);}
.bird-4 { top:25%; animation-delay: 4s; transform:scale(0.7);}
.bird-5 { top:30%; animation-delay: 3s; transform:scale(0.9);}
.bird-6 { top:32%; animation-delay: 6s;}

@keyframes bird-flap { 
    100% { background-position: 0 -200px; } 
}

@keyframes bird-move { 
    0%   { left:-2vw; } 
    100% { left:1920px; transform:scale(0.3);} 
}		
.balloon{
	position:absolute;
		    right: -150px;
    		top: 0px;
		z-index:1;
		  -webkit-animation: 10s balloon both linear infinite alternate;
  		  animation: 120s balloon both linear infinite alternate;
		  opacity:.9;
	}
	
	@keyframes balloon {
	0% {
        -webkit-transform:  translate(0, 20px);
    }
    50% {
        -webkit-transform: translate(-1000px, 0);
    }
    100% {
        -webkit-transform: translate(0, 20px);
    }
}	
/*********************/	
.top-name{
	position: absolute;
		top:20px;
		z-index:15;
	width:100%;
	text-align:center;	
	}
.top-menu{
	position: absolute;
	top: 240px;
	z-index: 15;
	width: 100%;
	height:86px;
	text-align: center;
	font: 24px/86px 'thaisanslite', Arial, sans-serif;
	background:url(../images/animation/menu-bg.png) top center no-repeat;
	}
.top-menu a{
	color:#000;
	font-weight:bold;
	padding:0 15px;
}
.top-label{
	position: absolute;
	top: 1px;
	left: 807px;
	}
/*********************/	
	
.wave-1{
	position: absolute;
	top: 410px;
	left: 616px;
	z-index: 2;
	width: 140px;
	height: 98px;
	background: url(../images/animation/wave-1.png);
	-webkit-animation: wave-1 4s linear infinite;
	}	
@-webkit-keyframes wave-1 {
    0% {
	  left: 660px;
	  opacity:0;
    }
	10% {
	  opacity:1;
    }
	80% {
	   left: 610px;
    }
	90% {
	   opacity:1;
    }
    100% {
       left: 630px;
	   opacity:0;
    }
}

.wave-2{
	position: absolute;
	top: 410px;
	left: 616px;
	z-index: 2;
	width: 140px;
	height: 98px;
	background: url(../images/animation/wave-1.png);
	-webkit-animation: wave-2 8s linear infinite;
	}	
@-webkit-keyframes wave-2 {
    0% {
	  left: 680px;
	  opacity:0;
    }
	20% {
	  opacity:1;
    }
	80% {
	   left: 610px;
    }
	90% {
	   opacity:1;
    }
    100% {
       left: 630px;
	   opacity:0;
    }
}

.wave-3{
	position: absolute;
	top: 410px;
	left: 616px;
	z-index: 2;
	width: 140px;
	height: 98px;
	background: url(../images/animation/wave-1.png);
	-webkit-animation: wave-3 12s linear infinite;
	}	
@-webkit-keyframes wave-3 {
    0% {
	  left: 700px;
	  opacity:0;
    }
	20% {
	  opacity:.7;
    }
	80% {
	   left: 610px;
    }
	90% {
	   opacity:.7;
    }
    100% {
       left: 630px;
	   opacity:0;
    }
}
	
	
/**********************/
.t-1{
	position: absolute;
	top: 406px;
	left: -125px;
	z-index: 10;
	
	}	
.t-2{
	position: absolute;
	top: 697px;
	left: 13px;
	z-index: 10;
	
	}
.t-3{
	position: absolute;
	top: 409px;
	left: 286px;
	z-index: 10;
	
	}			
.t-4{
	position: absolute;
	top: 468px;
	left: 321px;
	z-index: 10;
	
	}
.t-5{
	position: absolute;
	top: 383px;
	left: 500px;
	z-index: 10;
	
	}	
.t-6{
	position: absolute;
	top: 574px;
	left: 767px;
	z-index: 10;
	
	}
.t-7{
	position: absolute;
	top: 294px;
	left: 823px;
	z-index: 10;
	
	}
.t-8{
	position: absolute;
	top: 415px;
	left: 859px;
	z-index: 9;
	
	}
.t-9{
	position: absolute;
	top: 259px;
	left: 946px;
	z-index: 10;
	
	}
.t-10{
	position: absolute;
	top: 411px;
	left: 1015px;
	z-index: 9;
	
	}
.t-11{
	position: absolute;
	top: 661px;
	left: 440px;
	z-index: 10;
	
	}
.t-12{
	position: absolute;
	top: 565px;
	left: 497px;
	z-index: 11;
	
	}	
	
	
.sp-1{
	position: absolute;
	top: 303px;
	left: 105px;
	z-index: 2;
	
	}
/*******************/
.pin-1{
	position: absolute;
	top: 42px;
	left: 102px;
	z-index: 9;
	-webkit-animation: pin 2s linear infinite;
	width: 50px;
	height: 74px;
	background: url(../images/animation/point.png) no-repeat;
	background-size: contain;
	}
	
.pin-2{
	position: absolute;
	top: -44px;
	left: 43px;
	z-index: 9;
	-webkit-animation: pin-2 2s linear infinite;
	width: 106px;
	height: 128px;
	background: url(../images/animation/point.png) no-repeat;
	background-size: contain;
	}	
	
.pin-3{
	position: absolute;
	top: 31px;
	left: 19px;
	z-index: 9;
	-webkit-animation: pin 2s linear infinite;
	width: 41px;
	height: 67px;
	background: url(../images/animation/point-2.png) no-repeat;
	background-size: contain;
	}
	
.pin-4{
	position: absolute;
	top: 64px;
	left: 77px;
	z-index: 9;
	-webkit-animation: pin-2 2s linear infinite;
	width: 40px;
	height: 74px;
	background: url(../images/animation/point-2.png) no-repeat;
	background-size: contain;
	}
	
.pin-5{
	position: absolute;
	top: -11px;
	left: 9px;
	z-index: 9;
	-webkit-animation: pin 2s linear infinite;
	width: 43px;
	height: 74px;
	background: url(../images/animation/point-2.png) no-repeat;
	background-size: contain;
	}
	
.pin-6{
	position: absolute;
	top: -47px;
	left: -5px;
	z-index: 9;
	-webkit-animation: pin-2 2s linear infinite;
	width: 70px;
	height: 90px;
	background: url(../images/animation/point-2.png) no-repeat;
	background-size: contain;
	}
	
.pin-7{
	position: absolute;
	top: 21px;
	left: 25px;
	z-index: 9;
	-webkit-animation: pin 2s linear infinite;
	width: 40px;
	height: 65px;
	background: url(../images/animation/point.png) no-repeat;
	background-size: contain;
	}
	
.pin-8{
	position: absolute;
	top: 62px;
	left: 73px;
	z-index: 9;
	-webkit-animation: pin-2 2s linear infinite;
	width: 60px;
	height: 70px;
	background: url(../images/animation/point.png) no-repeat;
	background-size: contain;
	}
	
.pin-9{
	position: absolute;
	top: 79px;
	left: 56px;
	z-index: 9;
	-webkit-animation: pin 2s linear infinite;
	width: 44px;
	height: 72px;
	background: url(../images/animation/point.png) no-repeat;
	background-size: contain;
	}
	
.pin-10{
	position: absolute;
	top: -27px;
	left: 98px;
	z-index: 9;
	-webkit-animation: pin-2 2s linear infinite;
	width: 51px;
	height: 74px;
	background: url(../images/animation/point.png) no-repeat;
	background-size: contain;
	}
.pin-11{
	position: absolute;
	top: 12px;
	left: 267px;
	z-index: 9;
	-webkit-animation: pin-2 2s linear infinite;
	width: 70px;
	height: 83px;
	background: url(../images/animation/point.png) no-repeat;
	background-size: contain;
	}
	
.pin-12{
	position: absolute;
	top: -10px;
	left: 50px;
	z-index: 9;
	-webkit-animation: pin-2 2s linear infinite;
	width: 48px;
	height: 65px;
	background: url(../images/animation/point.png) no-repeat;
	background-size: contain;
	}	

.pin-1:hover, .pin-2:hover, .pin-3:hover, .pin-4:hover, .pin-5:hover, .pin-6:hover, .pin-7:hover, .pin-8:hover, .pin-9:hover, .pin-10:hover, .pin-11:hover, .pin-12:hover, .poppin-1:hover img, .poppin-2:hover img{	
/*	background:url(../images/animation/point-hover.png);
	background-size:contain;*/
	
	-webkit-animation: swiff .2s linear infinite;
	
}

@-webkit-keyframes swiff {
    0% {
	 
    }
	25% {
	   
    }
    50% {
      
    }
	75% {
       
    }
	100% {
      
    }
}
	
/********************/
.name-1{
	position: absolute;
	top: 318px;
	z-index: 10;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	left: -68px;
	}
.name-2{
	position: absolute;
	top: 201px; z-index:10;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
	color: #2e2828;
	left: 185px;
	}	
.name-3{
	position: absolute;
	top: 226px;
	z-index: 10;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
	color: #2e2828;
	left: 293px;
	}
.name-4{
	position: absolute;
	top: 285px;
	z-index: 10;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
	color: #2e2828;
	left: 356px;
	}
.name-5{
	position: absolute;
	top: 329px;
	z-index: 10;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
	color: #2e2828;
	left: 586px;
	}
.name-6{
	position: absolute;
	top: 412px;
	z-index: 10;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	left: 892px;
	}
.name-7{
	position: absolute;
	top: 420px;
	z-index: 10;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	left: 10px;
	}
.name-8{
	position: absolute;
	top: 465px;
	z-index: 10;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	left: 73px;
	}
.name-9{
	position: absolute;
	top: 555px;
	z-index: 10;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	left: 279px;
	}
.name-10{
	position: absolute;
	top: 771px;
	z-index: 15;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	left: 301px;
	}
.name-11{
	position: absolute;
	top: 714px;
	z-index: 15;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	left: 760px;
	}
.name-12{
	position: absolute;
	top: 615px;
	z-index: 15;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	left: 514px;
	}


.name-13{
	position: absolute;
	top: 643px;
	left: 102px;
	z-index: 15;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	
	}	
	
.name-14{
	position: absolute;
	top: 228px;
	left: -191px;
	z-index: 15;
	font: 17px/20px 'thaisanslite', Arial, sans-serif;
	color: #fff;
	
	}
	
.name-15{
	position: absolute;
	top: 667px;
	left: 876px;
	z-index: 15;
	font: 17px/20px 'thaisanslite', Arial, sans-serif;
	color: #fff;
	
	}
		
/********************/

@-webkit-keyframes pin {
    0% {
        -webkit-transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(-5px);
    }
    100% {
        -webkit-transform: translateY(0px);
    }
}

@-webkit-keyframes pin-2 {
    0% {
        -webkit-transform: translateY(-5px);
    }
    50% {
        -webkit-transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(-5px);
    }
}		

/***************************************/
.train {
  width: 810px;
  height: 102px;
  position: absolute;
  z-index:2;
  top: 605px;
  -webkit-animation: train 70s;
  -webkit-animation-iteration-count: infinite;
  animation: train 70s;
  animation-iteration-count: infinite;
  background:url(../images/animation/train-shadow.png) no-repeat;
  transform: rotateY(180deg);
}

@-webkit-keyframes train {
  0%   { left: -80%; }

  100% { left: 100%; }
}
@keyframes train {
  0%   { left: -80%; }

  100% { left: 100%; }
}
.train img {
  -webkit-animation: tuk .5s;
  -webkit-animation-iteration-count: infinite;
  animation: tuk .5s;
  animation-iteration-count: infinite;
}
@-webkit-keyframes tuk {
  0%   { margin-top: 0px; }
  50%   { margin-top: -1px; }
  100% { margin-top: 0px; }
}
@keyframes tuk {
  0%   { margin-top: 0px; }
  50%   { margin-top: -1px; }
  100% { margin-top: 0px; }
}

.kan{
	position:absolute;
		top:75px; left:58px;
	width:67px;
	height:6px;
	background:url(../images/animation/kan.png) no-repeat;	
	
  -webkit-animation: kan 1s;
  -webkit-animation-iteration-count: infinite;
  animation: kan 1s;
  animation-iteration-count: infinite;
	}
@-webkit-keyframes kan {
  0%   { top:73px; left:53px; }
  25%   { top:75px; left:56px;}
  50%   { top:76px; left:57px;}
  75%   { top:75px; left:56px;}
  100% {  top:73px;  left:53px;}
}
@keyframes kan {
  0%   { top:73px; left:53px; }
  25%   { top:75px; left:56px;}
  50%   { top:76px; left:57px;}
  75%   { top:75px; left:56px;}
  100% {  top:73px;  left:53px;}
}

	
.smoke-area {
	position: absolute;
	width: 50px;
	height: 25px;
	top: -100px;
	left: 15px;
}

.smoke-area .smoke {
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 33%,rgba(89,106,114,0) 100%);
	top: 0px;
	left: 20px;
	-webkit-animation: smoke-move 2.3s linear infinite
}

.smoke-area .smoke:nth-child(2) {
	-webkit-animation: smoke-move 2.5s linear infinite
}

.smoke-area .smoke:nth-child(3) {
	-webkit-animation: smoke-move 2.7s linear infinite
}

.smoke-area .smoke:nth-child(4) {
	-webkit-animation: smoke-move 2.2s linear infinite
}

.smoke-area .smoke:nth-child(5) {
	-webkit-animation: smoke-move 2.1s linear infinite
}

.smoke-area .smoke:nth-child(6) {
	-webkit-animation: smoke-move 2s linear infinite
}

.smoke-area .smoke:nth-child(7) {
	-webkit-animation: smoke-move 2.9s linear infinite
}
@-webkit-keyframes smoke-move {
	0% {top: 120px; left: 20px}
	20% {top: 107px; left: 25px}
	30% {top: 100px; left: 35px; opacity: 0.9}
	40% {top: 90px; left: 40px; }
	50% {top: 80px; left: 50px; }
	60% {top: 80px; left: 62px; }
	70% {top: 80px; left: 75px; }
	80% {top: 80px; left: 90px; }
	90% {top: 85px; left: 117px; }
	100% {top: 85px; left: 150px; opacity: 0; width: 70px; height: 40px}
}	
	
/***************************************/
.popup_travel{
	position:relative;
	width:1180px;
	height: auto;
	background:url(../images/animation/shadow.png) no-repeat;
	overflow: hidden;
	}	
.p-pic{
	width:795px;
	height:438px;
	position:relative;
	z-index:1;
	}
.popup_travel .content{
	position: absolute;
	width: 463px;
	height: 248px;
	left: 21px;
	top: 13px;
	z-index:2; 
	}		
.popup_travel .content .title{
	font: 56px/35px 'thaisanslite', Arial, sans-serif;
	color:#000;
	}	
.popup_travel .content .title a{
	color:#000;
	}		
.popup_travel .content .title-2{
	margin-top:15px;
	font: 24px/30px 'thaisanslite', Arial, sans-serif;
	color:#000;
	}	
.popup_travel .content .title-2 a{
	color:#000;
	}

	
.popup_travel .content .detail{
	margin-top: 20px;
	font-size:13px;
	height:153px;
	/* text-align: justify; */
	text-indent: 45px;
	}	
.popup_travel .content .detail a{
	color:#000;
	}		
.popup_travel .content .more{
	text-align:center;
	margin-top:20px;
	}	
.popup_travel .content .more a{
	color:#fff;
	padding:0px 39px;
	background:#ff0000;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}	
	
.popup_travel .gallery{
	position: absolute;
	width: 528px;
	left: 653px;
	top: 0px;
	height: 437px;
	z-index:0;
	}	
.popup_travel .gallery .pic{
	width: 528px;
	height: 437px;
	}		
.popup_travel .gallery .pic img{

	}		
	
.popup_travel .gallery .tool{

	}
.popup_travel .gallery .tool .btn-left{
	float:left;
	width:15px;
	}
.popup_travel .gallery .tool .btn-right{
	float:left;
	width:15px;
	}	
.popup_travel .gallery .tool .num{
	position:absolute;
		bottom:20px;
	width:100%;
	text-align:center;
	}		
	
.popup_travel .link{
	position: absolute;
	top: 267px;
	left: 43px;
	width: 422px;
	z-index: 3;
	}
.popup_travel .link a{
	color:#000;
}
.popup_travel .link a:hover{
	color:#333333;
}
.popup_travel .link .btn-1{
	float:left;
	width:125px;
	text-align:center;
	font: 18px/15px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
	}	
.popup_travel .link .btn-2{
	float:left;
	width:125px;
	text-align:center;
	font: 18px/15px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
	}
.popup_travel .link .btn-3{
	float:left;
	width: 125px;
	text-align:center;
	font: 18px/15px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
	}		
	
.popup_travel .close{
	position: absolute;
	left: 1127px;
	top: 5px;

	}	
	
/*******************************/
.filter-h{
	position: relative;
	/* top:110px; */
	right: 70px;
	z-index: 9999;
	width:223px;
	padding:15px 20px;
	background:#fff url(../images/animation/tops-bg.png) top center no-repeat;
	opacity:.87;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(167,167,167,0.75);
	-moz-box-shadow: 3px 3px 0px 0px rgba(167,167,167,0.75);
	box-shadow: 3px 3px 0px 0px rgba(167,167,167,0.75);
	}
.filter-h .top{
	font: 29px/22px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
}
.filter-h .close{
	position:absolute;
	top:5px; right:5px;
}
.filter-h .top p{
	padding:0;
	margin:0;
}
.filter-h .mid{
	margin-top:25px;
}
.top-search{
	position:relative;
	height: 35px;


	}
.top-search .input{
	width:99%;
	margin:2px;
	padding:9px 0;
	border:0px;
	text-indent:8px;
	background:#ebebeb;	
	border: #ebebeb 1px solid;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.35);
box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.35);

	}
.top-search .select{
	width:138px;
	margin:2px;
	padding:8px 0;
	border:0px;
	text-indent:5px;
	}
.top-search .btn{
	position:absolute;
		right:0; top:2px;
	margin:0;
	padding:0 6px;
	}
.filter-h ul{
	margin:20px 0;
	padding:0;
	}
.filter-h ul li.row{
    margin: 3px 0;
    padding: 0 0;
    position: relative;
	font-size:14px;
	}	
/*******************************/
.search{
	position:relative;
	z-index:2;
	height:78px;
	background:url(../images/search-bg.png) top center no-repeat;
	}
.select-style {
    padding: 0;
    margin: 15px 0 0 0;
    overflow: hidden;
    background: #f6f6f6 url(../images/animation/icon/i-arrowdown.png) no-repeat 96% 50%;
	border: #9d9c9c 1px solid;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
-webkit-box-shadow: inset 0px -150px 188px -200px rgba(148,148,148,1);
-moz-box-shadow: inset 0px -150px 188px -200px rgba(148,148,148,1);
box-shadow: inset 0px -150px 188px -200px rgba(148,148,148,1);
	
	
	
}
.select-style select {
    padding: 0px 8px;
    width: 100%;
    height: 31px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size:13px;
    color: #666;
    overflow:hidden;
}
.input-style{
	position:relative;
    padding: 0;
    border: none;
    overflow: hidden;
    background-color: #fff;
	
	border:#999 1px solid;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
.input-style input {
	width:99%;
    padding:0 4px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
			
	font:21px/32px 'thaisanslite', Arial, sans-serif;
	color:#127ecb;
}
.s-btn{
	display:block;
	padding:5px 0;
	background:#5cb200;
	font-size:15px;
	font-weight:bold;
	color:#000;
	text-align:center;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	
	-webkit-box-shadow: 0px 5px 0px -1px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 5px 0px -1px rgba(0,0,0,0.10);
	box-shadow: 0px 5px 0px -1px rgba(0,0,0,0.10);
	}