@import url('https://fonts.googleapis.com/css?family=Quicksand|Kanit');

body{
	background-color:#CBE7ED;
	font-size:16px;

	
}


div.row {margin-bottom:20px; margin-top:20px; margin-left:auto; margin-right:auto; }

.btn {
	background-color:#651F75;
	color: #FFF;
	letter-spacing:1px;
    transition-duration: 0.4s;
	font-family: "Quicksand", sans-serif;
	font-size: 16px;
	font-weight:bold;

}

.btn:hover {
  background-color: #09F;
  ucolor:#010101;
  letter-spacing:1px;
  font-family: "Quicksand", sans-serif;
  font-size: 16px;
  font-weight:bold;
  
  
}
	
	

div.slider{
	padding-top: 100px;
	width:94%;
    margin-right: auto;
    margin-left: auto;

}


div.container{
	width: 100%;
	padding-bottom: 30px;
	padding-right:5%;
    padding-left:5%;
    margin-right: auto;
    margin-left: auto;

}

.package{
	margin-left: auto;
    margin-right: auto;
	display: block;
	padding-bottom: 30px;
}

h1{
	font-family:"Kanit", sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 28px;
	letter-spacing:1px;
	color:#651F75;
	text-align: justify;
	text-shadow: 1px 1px #FFF;
	font-weight:600;
	
}



h2{
	font-family:"Kanit", sans-serif;
	letter-spacing:1px;
	font-size: 25px;
	color: #000;
	font-weight: bold;
	text-shadow: 1px 1px #FFF;
	line-height:normal;
	
				
}





h3{
	font-family:"Kanit", sans-serif;
	font-size: 22px;
	letter-spacing:1px;
	color:#651F75;
	text-shadow: 1px 1px #FFF;
	font-weight:600;
	
}




h4{
	font-family:"Kanit", sans-serif;
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 21px;
	color: #FF0;
	font-weight:500;
	text-align:left;
				
}



h5{
	font-family: "Quicksand", sans-serif;
	font-size: 20px;
	color: #FFC;
	font-weight:500;
	padding-top:5px;
	text-align:center;
	text-shadow: 1px 1px #000;		
}


p.imgIndex{
	padding top: 20px;
	text-align:center;
	
	}
	
	
p.content_all{
	font-family: "Quicksand", sans-serif;
	font-size:16px;
	padding-top: 20px;
	font-weight: 500;
	padding-left:4%;
	padding-right: 4%;
	line-height: 24px;
	text-align:justify;
	color: #000;

}

p.content_intro{
	font-family: "Quicksand", sans-serif;
	font-size:16px;
	font-weight: 600;
	padding-top: 15px;
	padding-left:1%;
	padding-right: 1%;
	padding-bottom: 10px;
	line-height: 24px;
	text-align:justify;
	color: #010101;
	letter-spacing:1px;
	

}

p.content_intro2{
	font-family: "Quicksand", sans-serif;
	font-size:16px;
	font-weight: 600;
	padding-top:30px;
	padding-left:1%;
	padding-right: 1%;
	padding-bottom: 20px;
	line-height: 24px;
	text-align:justify;
	color: #FFF;
	letter-spacing:1px;


}

p.content_contact{
	font-family: "Quicksand", sans-serif;
	line-height:normal;
	font-weight:600;
	padding-bottom:10px;
	font-size: 16px;
	color: #010101;

}



ul{
	font-family: "Quicksand", sans-serif;;
	color:#FFF;
	font-size: 16px;
	font-weight: 600;
	letter-spacing:1px;
}

li{
	line-height: 26px;
	
}


div#intro{
	width:100%;
	padding-top: 20px;
	 padding-right:5%;
    padding-left: 5%;
	background-color:#330443;
	padding-bottom : 20px;
	
}

div#socmed{
	width:100%;
	padding-right:5%;
    padding-left:5%;
	background-color:#330443;
	padding-top:5px;
	padding-bottom : 20px;

	
}

div.polaroid {
  width: 300px;
  height:300px; 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
   margin: auto;
  margin-bottom: 40px;
}


div.polaroid2 {
  margin: auto;
  margin-bottom: 60px;
  width: 220px;
  height: 220px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  

}

div.polaroid3 {
  margin: auto;
  margin-bottom: 60px;
  width: 400px;
  height: 120px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  
}

div.polaroid4 {
  margin: auto;
  margin-bottom: 60px;
  width: 400px;
  height: 600px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  
}

.pakej {	
  transition: transform .2s;
  width: 220px;
  height: 220px;
  margin: 0 auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pakej:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

.pakej2 {	
  transition: transform .2s;
  width: 400px;
  height: 600px;
  margin: 0 auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pakej2:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}



div.footer{
	clear:both;
	background-color:#330443;
	font-family: "Quicksand", sans-serif;
	font-size:13px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top:10px;
	height:50px;
	color: #FFF;
	text-align:center;
	text-shadow: 1px 1px #000;		
		
}


a.iLink:link
{ 
color: #FFF;
text-decoration: none;
border:0px; 

}

a.iLink:visited 
{ 
color: #FFF;
text-decoration: none;
border: 0px; 

}

a.iLink:hover 
{
color:  #999;
text-decoration: none;
border:0px; 

}


a.cLink:link
{ 
color: #010101;
}

a.cLink:visited 
{ 
color:#010101;
}

a.cLink:hover 
{
color: #666; 
text-decoration: none;

}


a.eLink:link
{ 
color: #F9C;
font-weight: normal;
text-decoration: none;
border:0px; 

}

a.eLink:visited 
{ 
color: #F9C;
font-weight: normal;
text-decoration: none;
border: 0px; 

}

a.eLink:hover 
{
color: #F3C;
letter-spacing: 1px;
font-weight: normal;
text-decoration: none;
border:0px; 

}