@charset "utf-8";
/* CSS Document */
*{margin:0;}
body{
	background-color:#ffff!important;
}
#wrapper{
	width:100%;
	height:auto;
	margin:0 auto;
	/*clear:left;*/
	background-color:#dddddd;
}
#header{
	height:auto;
	width:100%;
	/*padding:1px 5px;*/
	clear:left;
}
#contain{
	background-color:#dddddd;
	width:100%;
	height:700px;
	margin:0 auto;
	clear:left;	
}
/* --------Block for Menu--------- */
#Menu{
			height:55px;
			width:100%;
			/*margin:0px auto;*/
			float:left;
			/*background-image:url(../Image/bg-menu.png);*/
			background-color:#282828;

			background-repeat:repeat-x;	
			padding-bottom:5px;
		}
#Menu ul{
	list-style-type:none;
	padding:20px 10px 10px 0;
	text-align:center;	
}
#Menu ul li{
	display:inline;
	
}
#Menu ul li a{
	text-align:center;
	text-decoration:none;
	font-family:"Kh Bokor";
	font-size:15px;
	color:#FFF;
	padding:20px 30px;
	margin-top: 100px;
}
#Menu ul li a:hover{
	color:#F90;
	width:120px;
	background:url(../Image/hover-menu.png);
	
}
#Menu ul li a.menu-current{
	color:#F90;	
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* -------- Block for Contain --------*/
#contain-left{
	height:auto;
	width:700px;
	float:left;	
}
#border-left{
	height:30px;
	width:690px;
	background:url(../Image/border.png) repeat-x;
	margin:0 auto;
}

#border-left img{
	margin:8px;	
	float:left;
}

#contain-right{
	height:auto;
	width:300px;
	float:left;	
}
#border-right{
	height:auto;
	width:290px;
	background-image:url(../Image/border.png);
	background-repeat:repeat-x;
	margin:0 auto;
	padding-bottom:10px;
}
#border-right img{
	margin:8px;
	float:left;	
}
#border-right h4, #border-left h4{
	float:left;
	font-family:Baskerville Old Face,Arabic Typesetting, Times New Roman;
	font-size:20px;
	color:#FFF;
	padding:3px;
}
/* ++++++++++++++++++++++++++++++++++ */

/* -------- Block for footer ------- */
#footer{
	height:300px;
	width:100%;
	/*background-image:url(../Image/footer.png);*/
	background-repeat:repeat-x;
	clear:left;
	margin-left: 15%;

}

#footer h4{
	color:#CCC;
	padding:15px;
	font-family:"Khmer OS Content",sans-serf;
}
#footer ul li a{
	text-decoration:none;
	color:#CCC;
	font-family:"Kh Battambang";
	font-size:12px;
		
}
#style-footer h4{
	font-family:"Kh Battambang";
	color: red;

}
#style-footer ul{
		list-style-image:url(../../../519683-190_FormStarBorder-16.png);
}
#style-footer ul li a:hover{
	color:#ffffff;	
}
#style-footer ul li a{
	font-size: 14px;
	font-family:"Kh Battambang";
	color: #dddd;
}
#border{
	border-top:1px solid #CCC;
	clear:left;
	width:1050px;
	/*margin:0 auto;*/
	padding-bottom:20px	}
#footer-left{
	height:auto;
	width:650px;
	float:left;
	margin-left: 430px;
	
}
#footer-left1 h5{
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	padding-top:0px;
	padding-left:10px;
	color:#CCC;
}
#footer-left h5 a{
	text-decoration:none;
	color:#F90;
	padding:5px;
}
#footer-left p{
	font-family:"Khmer OS Fasthand";
	font-size:11px;
	color:#CCC;
	text-align: center;
}
#footer-right{
	height:auto;
	width:350px;
	float:left;
	margin-left: 500px;
}
#footer-right p{
	color:#CCC;
	font-family:"Khmer OS Fasthand";
	font-size:10px;

}
#style-left{
	height:45px;
	width:100%;
	background-image:url(../Image/Style.png);
	/*background-repeat:no-repeat;
	/*margin:5px 0 5px 5px;	*/
	
}
#style-left img{
	margin-left:62%;
	float:left;
	width: 500px!important;
	
}
#style-left h3{
	float:left;
	font-family: "Kh Dangrek";
	margin-top: 6px;
	margin-left: 10px;
	color:#FFF;	
}
#social{
	height:335px;
	border-bottom:#682494 5px solid;
	border-radius:10px;
	
}
#social img{
	margin:30px 5px 10px 10px;
	float:left;
	width: 100px;
	height: 100px;	
}
	.box-detial:hover{
			background:url(../Image/tap-select.png);	
		}
		.box-detail-current{
			background:url(../Image/tap-select.png);
			width:228px;
			 float:left;
			 margin:0px 0 0 50px;
			 padding:11px;
			 text-align:center;	
		}
	

#Right-header{
				background:url(../Image/border.png) repeat-x;
				height:32px;
				margin-bottom:30px;
				text-transform:uppercase;
				width:450px;
				border-radius:0px 50px 50px 0;
			}
		#Right-header h4{
			text-align:left;
			font-family: "Kh Preyveng";
			font-size:12pt;
			padding:0 5px;
			color:#FFFFFF;		
		}
		#box p{
			font-family:"Khmer OS Fasthand";
			font-size:12px;	
			padding:0 10px 10px 10px;
		}
		h4.style-border{
			background:url(../Image/left-menu-arrow.png) no-repeat;
			font-family:"Khmer OS Fasthand";
			font-size:16px;
			height:15px;
			padding:8px 150px 22px 15px;
		}
		#contain-left p{
			font-family:"Khmer OS Content";
			font-size:14px;
			
			padding:5px 0 20px 20px;
			clear:left;
		}
		
		div#boxs-img img{
			background:url(../Image/bg_transparent.png);
			margin:20px;
			padding:5px;
			width:710px;
			border:1px solid #CCCCCC;
			box-shadow:0 0 5px #CCCCCC;
		}
		div#contain-left img:hover{
			background:#E2E2E2;	
		}
		#box{
			width:185px;
			height:290px;
			margin:20px 10px;
			border-radius:5px;
			box-shadow:0px 0px 20px #CECECE;
			background:#F5F5F5;
		}
		}
		#box h5{
			padding:15px 0px;
			font-family:"Cambria";	
			font-size:15px;
			text-align:center;
			border-bottom:1px solid #CCC;
		}
		#box a{
			text-decoration:none;
			color:#666;
			font-family:MoolBoran;
			font-size:15px;
		}
		#box a:hover{
			color:#000;	
		}
			#contain-left h5{
			padding:10px 20px;	
			font-family:"Khmer OS Fasthand";
			font-size:10pt;
		}
		/*-----------------Calander CSS---------------*/
		
div.calendar
{
  font-size: smaller;
  color: #000;
  font-family: Khmer;
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
}

div.calendar table
{
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  color: #D50000;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}
/*-----2-----*/
		div.calendar {
        width: 360px;
        margin-left: auto;
        margin-right: auto;
        height: 150px;
      }
      div.calendar table {
        width: 100%;
        height: 320px;
        margin-top: -20px;
      }
      div.dateField {
        width: 240px;
        padding: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        color: #555;
        background-color: white;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }
      div#popupDateField:hover {
        background-color: #cde;
        cursor: pointer;
      }
/*.amazingslider-slides li img{
	width: 100%;
	height: 700px;
}
.amazingslider-1 ul li img{
	width: 10%;
}*/

.online{
  background: teal;
  height: 50px;
  width: 100%;
}
.online p{
  font-size: 30px;
  color:white;
}
.date_line{
  background: white;
  height: 350px;
  padding: 5px 20px;
  width: 100%;
}
.date_line p{
  color:teal;
  font-size: 18px;
}
.date_line button{
  width: 100%;
  margin-top: 20px;
}
.date_line label{
  color:red;
}
.adult{
	width: 50%!important;
	margin-top: 20px;
	float: left;
	margin-bottom: 20px;
}
.children{
	width: 50%!important;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
}
.room{
	width: 100%!important;
	margin-top: 10px;
}
.My_slide{
	width: 100%;
	height: 565px;
	/*background: red!important;*/
	position: absolute;
}
.slide{
	position: relative;
	/*margin-top: -500px;*/
	/*z-index: 300;*/
}

.disabled{
	position: relative!important;
	background:rgba(0,0,0,0.3)!important;
	/*z-index: 100;*/
	margin-top: -500px;
	height: 70px;
}

.navbar-collapse ul li:hover a {
	color: red!important;
}
.logo{
	margin-left: 630px;
	width: 400px;
	height: 300px;
}
.logo img{
	width: 600px;
	height: 400px;
	z-index: 300;
	position: relative;
	margin-left: -30%;
}
.footer_apsara{
	position: absolute;
	width: 100%;
	height: 190px;
}
.footer_apsara img{
	position: relative;
}
.footer_apsara1 p{
	position: relative;
	margin-top: -90px;
	text-align: center;
	font-family: Arail;
	font-size: 80px;
	color: white;
	text-shadow: 5px 0.5px #dddddd;
}
.for_hover:hover img{
	transform: scale(1.01);
	transition: 0.5s;
}
.footer_apsara:hover img{
	transform: scale(1.01);
	transition: 0.5s;
}
.list-group li{
	font-size: 18px;
	font-family: Arial;

}
.list-group li a{
	text-decoration: none;
	list-style-type: none;
	
}
.list-group li:hover a{
	color: blue;
	
}
.text p {
	font-size: 15px; font-family:  Kh Dangrek;
	color: black;
	/*text-align: center;*/
	margin-top: 5px;
}
.text p{
	text-decoration: none;
	list-style-type: none;
}
.text1 li{
	font-size: 17px;
	font-family: Arial;
	color: black;
}
.specialoffers img{
	width: 100%;
	height: 260px;

}
.specialoffers p{
	font-size: 17px;
	font-family: Kh Koulen;
	color: black;
	text-align: justify;
}
.specialoffers1 h2{
	color: red;
	font-size: 28px;
	font-family: TimeNewRomen;
	/*text-shadow: 1px 1px 0.1px;*/
	font-weight: bold;
}
.specialoffers1 p{
	color: red;
	font-size: 21px;
	font-family: Kh Koulen;
}
.specialoffers1{
	background-color: #dddd;
}
.line1{
	height: 300px;
	/*border: 1px solid red;*/
}
.line2{
	height: 300px;
	/*border: 1px solid green;*/
	/*margin-top: 20px;*/
	/*margin-left: 20px;*/
}
.line2 img{
	width: 100%;
	height: 300px;
}
.line2:hover img{
	transform: scale(1.03);
	transition: 1s;
}
.form-group,.btn-primary{
	font-family: Kh Koulen;
	font-size: 18px;
	color: #444;

}
.form-control{
	/*margin-top: 10px;*/
	margin-bottom: 15px;
}
.text-p{
	font-size: 24px;
	font-family: kh Battambang;
	color: red;
	text-align: center;
}
.text-p ul li{
	font-size: 20px;
	font-family: kh Battambang;
	color: #444;
	/*text-align: center;*/
	list-style-type: none;
	text-align: justify;
}
.text-p p{
	text-align: justify;
	color: #444;
	font-size: 16px;
}
.google_map iframe{
	width: 100%;
	height: 600px;
}
.form-group{
	/*background-color: #dddd;*/
}
/*.item img{
	width: 100%;
	height: 100%;
}
*/
/*.active img{
	width: 100%;
	height: 540px;
}
.item img{
	width: 100%;
	height: 540px;

}*/
.navbar-collapse{
	padding: 12px 1px;
}
.navbar-collapse ul {
	margin-left: 7%;
}

.navbar-collapse ul li a{
	font-size: 20px;
	font-family: Khmer ;
	color: white;
}

@media only screen and (max-width: 1500px){
	.My_slide{
		width: 100%;
		/*background:blue;*/
	}
	.navbar-collapse{
	padding: 12px 1px;
	}
	.navbar-collapse ul {
		margin-left: 5%;
	}

.navbar-collapse ul li a{
	font-size: 20px;
	font-family: Khmer ;
	color: white;
	}
.logo img{
		margin-left: -70%;
	}

}


@media only screen and (max-width: 1280px){
	.My_slide{
		width: 100%;
		/*background:blue;*/
	}

	.navbar-collapse{
	padding: 12px 1px;
	}
	.navbar-collapse ul {
		margin-left: -1%;
	}

	.navbar-collapse ul li a{
		font-size: 20px;
		font-family: Khmer ;
		color: white;
	}
	.logo img{
		margin-left: -70%;
	}

}
.collapse ul li a{
	color: white!important;
}
.textfont p{
	font-family: Hanuman!important;
	color: #444449;
	text-align: justify;
}