/*  
Template Name: mlpdesign09 -- Green Zone
Author:webmasterneo, MLP Design
Author URI: http://www.mlpdesign.net/
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
	background-color: #DDDDDD;
	color: #333;
	font: normal 14px Arial, Helvetica, sans-serif;
	margin: 0;
}

h1,h2,h3,p,li {
  text-align:left;	
}

a {
  background-color:inherit;
  color:#333;
  text-decoration:none; 
}

	a:hover {
		color: #ff6a00;
		text-decoration: none
	}

blockquote {
font: italic 18px "Times New Roman",serif;
width: 70%;
margin: 5px auto;
padding: 10px 50px;
position: relative;
color: #690;
}
	

blockquote:before {
display: block;
content: "\201c";
font: bold 120px "Times New Roman", serif;
position: absolute;
left: -20px;
top: -10px;
color: #690;
}



#pseudo-wrap1 {
	background: #151b40;
	background: -moz-linear-gradient(top, #151b40 1%, #151b40 78%);
	background: -webkit-linear-gradient(top, #151b40 1%,#151b40 78%);
	background: linear-gradient(to bottom, #151b40 1%,#151b40 78%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151b40', endColorstr='#151b40',GradientType=0 );
	height: 195px;
	margin: 0;
	width: 100%;
	z-index: -100;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

#pseudo-wrap2 {
	background: #152540;
	background: -moz-linear-gradient(top, #152540 0%, #DDDDDD 98%);
	background: -webkit-linear-gradient(top, #152540 0%,#DDDDDD 98%);
	background: linear-gradient(to bottom, #152540 0%,#DDDDDD 98%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152540', endColorstr='#DDDDDD',GradientType=0 );
	height: 190px;
	margin: 0;
	width: 100%;
	z-index: -100;
	position: absolute;
	top: 196px;
	left: 0;
	right: 0;
}

#wrap {
  width:95%;
  background-color:#fff;
  color:inherit;
  padding:0;
  margin:30px auto 15px auto; 
}

#header {
	
	height: 190px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-image: url('../Images/banner.jpg'); 
}

#header h1 {	
  text-align:center;
  padding:0;
  margin:80px auto 0 auto; 
}

#header a
{	background-color:inherit;
	color:#fff;
	text-decoration:none; }
	
#header p
{	text-align:center;
	margin:0 auto; }

	#header .flag {
		 text-align:right;	
	}

nav {
  text-align:center;
  margin:5px auto;
}

.nav1 {
	width: 10%;
	float: left
}

.nav2 {
	width: 80%;
	float: left
}

.nav3 {
	width: 10%;
	float: left;
	text-align: right;
}
	
ul#menu {
    list-style-type: none;
    margin: 0 auto;
    display: table;
    padding: 0;
    overflow: hidden;
    width:90%;

    }

ul#menu li  
 { 	display: table-cell;
    text-align:center;  }
   
ul#menu li a {
    background-color:inherit;
    color: #000;
    /*display:block;*/
    padding:10px;
    text-decoration:none;
  /*  font-weight:bold;*/
    margin:0 1px;
}

	ul#menu li a:hover, ul#menu li a.current {
		/*		background-color: #b8e1fc;
		color: #fff;*/
		border-radius: 0px;
		/*color: #77bc43 !important;*/
		border-bottom: 3px solid #023a99;
	}
	
/* Content */
#content
{	text-align:left; min-height:270px;
	/*width:90%;*/
	padding:0 25px 10px 25px;
	margin:0 auto;	}
	
#content h2
{	
	padding:0;
	margin:0 auto; }	

#content h3
{	background-color:inherit;
	color:#690;
	font:bold 12pt Arial,sans-serif;	
	padding:0;	}

#content span.author
{	font:normal 8pt Arial,Helvetica,sans-serif;
	background-color:inherit;
	color:#666;	}

#content span.author a
{	background-color:inherit;
	color:#999;
	text-decoration:none;
	padding:0 3px; }

#content span.author a:hover
{	background-color:#690;
	color:#fff;	}

#content p a
{	background-color:inherit;
	color:#690;
	text-decoration:underline;	} 	
	
#content p
{	text-align:justify;
	line-height:24px; }

#content p.center { text-align: center; }
	
#content li
{	line-height:24px;	}

#content li a
{	background-color:inherit;
	color:#690;
	text-decoration:none;	}

#content li a:hover
{	text-decoration:underline; }

#content ul {
  list-style:none;
  padding:0;
}
	
#content ul li
{	list-style-position:inside;
    text-indent: 0px;
	padding-left:20px;
	margin:0; }	
	
#content ul li:before {
  content: "\27a1 \00a0 \00a0";
  background-color:inherit;
  color:#690;
  font-size:16px;
}

#content .post
{	padding:0 0 20px 0;
	margin:auto;	}

#content img.photo
{
   display: block;
   height:480px;
   width: 720px;
   margin-left: auto;
   margin-right: auto;}

/* Footer */
#footer {
	/*background: #0c53b5;
	background: -moz-linear-gradient(top, #0c53b5 0%, #103ba8 50%, #0024a8 51%, #07338e 100%);
	background: -webkit-linear-gradient(top, #0c53b5 0%,#103ba8 50%,#0024a8 51%,#07338e 100%);
	background: linear-gradient(to bottom, #0c53b5 0%,#103ba8 50%,#0024a8 51%,#07338e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c53b5', endColorstr='##07338e',GradientType=0 );*/

	background-color: #151b40;
	color: #fff;
	height: 70px;
	font-size: 12px;
	padding: 5px 0 0 0;
	margin: 0 auto;
/*	border: 10px solid #fff;*/
}

#footer a
{	background-color:inherit;
	color:#fff;	
	text-decoration:none;	}

#footer .logo {
		 width:20%;  float:left; text-align:center;
	}
	#footer .notice {
		background-color: inherit;
		float: left;
		color: #fff;
		width: 60%; padding-top:5px;
	}
	#footer .bocongthuong {
		width: 20%;
		float: left;
		text-align: center;
	}



	.table {
		width: 100%;
		border: none;
	}

	.divcenter {
		width: 100%;
		text-align: center;
		padding-top: 10px;
	}

	.buttonaccept {
		line-height: 32px;
		height: 35px;
		min-width: 150px;
		background-color: #023a99;
		color: WHITE;
		font-size: 14px;
		border: solid 1px white;
		text-transform: none;
		border-radius: 6px;
	}

		.buttonaccept:hover {
			line-height: 32px;
			height: 35px;
			min-width: 150px;
			background-color: #e3e3e3;
			color: #ff6a00;
			font-size: 14px;
			border: solid 1px #ff6a00;
			text-transform: none;
			border-radius: 6px;
			cursor: pointer;
		}

	.buttotieptuc {
		line-height: 32px;
		height: 35px;
		min-width: 120px;
		background-color: #ff6a00;
		color: WHITE;
		font-size: 14px;
		border: solid 1px white;
		text-transform: none;
		border-radius: 6px;
	}

		.buttotieptuc:hover {
			line-height: 32px;
			height: 35px;
			min-width: 120px;
			background-color: white;
			color: #ff6a00;
			font-size: 14px;
			border: solid 1px #ff6a00;
			text-transform: none;
			border-radius: 6px;
			cursor: pointer;
		}

	.buttonApply {
		line-height: 20px;
		height: 32px;
		min-width: 100px;
		background-color: #ff6a00;
		font-weight:400;
		color: WHITE;
		font-size: 14px;
		border: solid 1px white;
		text-transform: none;
		border-radius: 6px;
		
	}

		.buttonApply:hover {
			line-height: 20px;
			height: 32px;
			min-width: 100px;
			background-color: white;
			color: #ff6a00;
			font-size: 14px;
			border: solid 1px #ff6a00;
			text-transform: none;
			border-radius: 6px;
			cursor: pointer;
			
		}
.divformsearchdefault {
	width: 100%;
	background-color: #ccc;
	padding: 5px 0 5px 0;
	border-radius: 4px;
}
.divformsearchlist1 {
	width: 15%;
	float: left;
	text-align: center;
}

.divformsearchlist2 {
	width: 20%;
	float: left; padding-right:10px;
}

.divformsearchlist3 {
	width: 40%;
	float: left;
	padding-right: 10px;
}
.divformsearchlist4 {
	width: 20%;
	float: left;
}

.divformsearch {
	width: 100%;
	background-color: #302f2f;
	padding: 5px 0 5px 0;
	border-radius: 4px 4px 0 0;
}

	.divlist1 {
		width: 40%;
		float: left; text-align:center;
	}

	.divlist2 {
		width: 40%;
		float: left;
	}

.divlist3 {
	width: 20%;
	float: left;
	text-align: center;
}

/*	.divlist4 {
		width: 16%;
		float: left
	}*/

	.divlistview5 {
		width: 20%;
		float: left;
		border-radius: 6px;
	}


.divlistview6 {
	width: 16%;
	float: left;
	border-radius: 6px;
	margin: 2px;
	border: solid 1px #DDDDDD;
	
}

		.divlistview6:hover {
			width: 16%;
			float: left;
			border-radius: 6px;
			cursor: pointer;
			background-color: #DDDDDD;
			opacity: 0.8;
		}


	.divlistview_khung {
		/*	background-color: #EEE;
	border-radius: 6px;*/
	}

.divlistview6_active {
	width: 16%;
	float: left;
	border-radius: 6px;
	margin: 2px;
	border: solid 1px #000;
	background-color: #DDDDDD;
	opacity: 0.8;
	color: #ff6a00
}

	.divlistview_price {
		background-color: #023a99;
		color: white;
		font-weight: bold;
		font-size: 13pt;
		text-align: center;
		padding: 5px 0 5px 0;
		border-radius: 6px 6px 0 0;
	}

	.divlistview_footer {
		background-color: #EEE;
		color: black;
		font-weight: bold;
		text-align: center;
		padding: 3px 0 3px 0;
		border-radius: 0 0 6px 6px;
		font-weight: 700;
		font-size: 12px;
	}

	.divlistview_gio {
		display: block;
		margin-bottom: 3px;
		font-size: 24px;
		font-weight: 700;
		text-align: center;
	}

	.divlistview_courseName {
		display: block;
		font-weight: 700;
		color: red;
		text-align: center;
	}

	.divlistview_clubName {
		display: block;
		margin-bottom: 3px;
		font-weight: 700;
		font-size: 11px;
		text-align: center;
		height: 24px;
	}




	/*=====================================================*/
	div.pager {
		margin-top: 5px;
		text-align: center;
	}

		/* pager links */
		div.pager a {
			border: 1px solid #C00;
			padding: 2px 4px;
			display: inline-block;
			text-decoration: none;
			margin: auto 2px;
		}

		/* current page */
		div.pager span span {
			border: none;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-moz-border-radius: 4px;
			background-color: #1E2122;
			padding: 5px 4px 5px 4px;
			display: inline-block;
			margin: auto 2px;
			color: white;
			font-weight: bold;
			min-width: 20px;
		}

	.first {
		border: none;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-moz-border-radius: 4px;
		background-color: #eeeeee;
		padding: 5px 4px 5px 4px;
		display: inline-block;
		margin: auto 2px;
		color: black;
		min-width: 20px;
		cursor: pointer;
	}

	.last {
		border: none;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-moz-border-radius: 4px;
		/*    background-color: #eeeeee;*/
		padding: 5px 4px 5px 4px;
		display: inline-block;
		margin: auto 2px;
		color: black;
		min-width: 20px;
		cursor: pointer;
	}

	.current {
		border: none;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-moz-border-radius: 4px;
		background-color: #eeeeee;
		padding: 5px 4px 5px 4px;
		display: inline-block;
		margin: auto 2px;
		color: black;
		min-width: 20px;
	}

	.numeric {
		border: none;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-moz-border-radius: 4px;
		background-color: #eeeeee;
		padding: 5px 4px 5px 4px;
		display: inline-block;
		margin: auto 2px;
		color: black;
		min-width: 20px;
		cursor: pointer;
	}

	.next {
		border: none;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-moz-border-radius: 4px;
		background-color: #eeeeee;
		padding: 5px 4px 5px 4px;
		display: inline-block;
		margin: auto 2px;
		color: black;
		min-width: 20px;
		cursor: pointer;
	}


	.headergridteetime {
		background-color: #787a8b;
		border: solid 1px #b9b2b2;
		line-height: 26px;
		height: 26px;
		text-align: center;
		color: White;
		text-transform: none;
		font-weight: normal;
	}

	.paginationgrid {
		line-height: 26px;
	}

		.paginationgrid a {
			padding-left: 5px;
			padding-right: 5px;
			height: 80px;
			width: 80px;
			border-radius: 120px;
			-moz-border-radius: 120px;
			border: solid 1px #023a99;
			text-decoration: none;
			white-space: nowrap;
			font-weight: bold;
			color: #023a99;
		}

		.paginationgrid span {
			padding-left: 5px;
			padding-right: 5px;
			height: 80px;
			width: 80px;
			border-radius: 120px;
			-moz-border-radius: 120px;
			border: solid 1px #023a99;
			text-decoration: none;
			white-space: nowrap;
			background: #023a99;
			font-weight: bold;
			color: White;
		}

		.paginationgrid a:visited {
			text-decoration: none;
			white-space: nowrap;
		}

		.paginationgrid a:hover, .paginationgrid a:active {
			padding-left: 5px;
			padding-right: 5px;
			height: 80px;
			width: 80px;
			border-radius: 120px;
			-moz-border-radius: 120px;
			border: solid 1px #ff6a00;
			text-decoration: none;
			white-space: nowrap;
			background: #ff6a00;
			font-weight: bold;
			color: White;
		}

	.divbutton {
		line-height: 32px;
		height: 32px;
		width: 100%;
		background-color: #e5e9f2;
		font-size: 14px;
		border: solid 1px #cdd5e6;
		text-transform: none;
		text-align: center;
	}

	.divbuttonAct {
		/*	line-height: 36px;
	height: 36px;
	width: 36px;
	background-color: #b9b2b2;
	font-size: 14px;
	color: white;
	border: solid 1px #cdd5e6;
	text-transform: none;
	text-align: center;*/

		position: relative;
		display: block;
		width: 26px;
		height: 26px;
		line-height: 26px;
/*		border: solid 1px #cdd5e6;*/
		border-radius: 50%;
		color: white;
		background-color: #b9b2b2;
		font-size: 14px;
		text-align: center;
		text-transform: none;
	}

	.divbuttonActed {
		position: relative;
		display: block;
		width: 26px;
		height: 26px;
		line-height: 26px;
	/*	border: solid 1px #cdd5e6;*/
		border-radius: 50%;
		color: white;
		background-color: #023a99;
		font-size: 14px;
		text-align: center;
		text-transform: none;
	}

	/*.middle {
		position: relative;
		width: 100%;*/
		/*max-width: 400px;*/
	/*}*/

	/*.slider {
		position: relative;
		z-index: 1;
		height: 5px;
		margin: 0 15px;
	}*/

		.slider > .track {
			position: absolute;
			z-index: 1;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			border-radius: 5px;
			background-color: #d3d3d3;
		}

		.slider > .range {
			position: absolute;
			z-index: 2;
			left: 25%;
			right: 25%;
			top: 0;
			bottom: 0;
			border-radius: 5px;
			background-color: #023a99;
		}

		.slider > .thumb {
			position: absolute;
			z-index: 3;
			width: 15px;
			height: 15px;
			border-radius: 50%;
			background: #023a99;
			box-shadow: 0 0 0 0 rgba(102,0,238,.1);
			transition: box-shadow .3s ease-in-out;
		}

			.slider > .thumb.left {
				left: 25%;
				transform: translate(-10px, -5px);
			}

			.slider > .thumb.right {
				right: 25%;
				transform: translate(10px, -5px);
			}

			.slider > .thumb.hover {
				box-shadow: 0 0 0 10px rgba(147, 231, 42, 0.5);
			}

			.slider > .thumb.active {
				box-shadow: 0 0 0 15px rgba(147, 231, 42, 0.7);
			}

	input[type=range] {
		position: absolute;
		pointer-events: none;
		-webkit-appearance: none;
		z-index: 2;
		height: 5px;
		width: 100%;
		opacity: 0;
	}

		input[type=range]::-webkit-slider-thumb {
			pointer-events: all;
			width: 15px;
			height: 15px;
			border-radius: 0;
			border: 0 none;
			background-color: red;
			-webkit-appearance: none;
		}

	.slidertime {
		position: relative;
		z-index: 1;
		height: 5px;
		margin: 0 15px;
	}

		.slidertime > .tracktime {
			position: absolute;
			z-index: 1;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			border-radius: 5px;
			background-color: #d3d3d3;
		}

		.slidertime > .rangetime {
			position: absolute;
			z-index: 2;
			left: 25%;
			right: 25%;
			top: 0;
			bottom: 0;
			border-radius: 5px;
			background-color: #023a99;
		}

		.slidertime > .thumbtime {
			position: absolute;
			z-index: 3;
			width: 15px;
			height: 15px;
			border-radius: 50%;
			background: #023a99;
			box-shadow: 0 0 0 0 rgba(102,0,238,.1);
			transition: box-shadow .3s ease-in-out;
		}

			.slidertime > .thumbtime.left {
				left: 25%;
				transform: translate(-10px, -5px);
			}

			.slidertime > .thumbtime.right {
				right: 25%;
				transform: translate(10px, -5px);
			}

			.slidertime > .thumbtime.hover {
				box-shadow: 0 0 0 10px rgba(147, 231, 42, 0.5);
			}

			.slidertime > .thumbtime.active {
				box-shadow: 0 0 0 15px rgba(147, 231, 42, 0.7);
			}

	.divformkhung {
		border: solid 1px #eaedf2;
		border-radius: 6px;
		padding-bottom: 5px; padding-top:5px;
	}


	.stage-icon {
		display: block;
		width: 50px;
		height: 50px;
		margin: 0 auto;
		border-radius: 50%;
		background-color: #b9b2b2;
		background-repeat: no-repeat;
	}

	.stage-icon-active {
		display: block;
		width: 50px;
		height: 50px;
		margin: 0 auto;
		border-radius: 50%;
		background-color: #ff6a00;
		background-repeat: no-repeat;
	}

	.stage-icon-actived {
		display: block;
		width: 50px;
		height: 50px;
		margin: 0 auto;
		border-radius: 50%;
		background-color: #023a99;
		background-repeat: no-repeat;
	}



	.stage-btn {
		position: relative;
		display: block;
		width: 18px;
		height: 15px;
		margin: -10px auto 5px;
		border: 1px solid #ddd;
		border-radius: 50%;
		color: #fff;
		background-color: #b9b2b2;
		font-size: 10px;
		padding-top: 3px;
	}


	.stage-btn-active {
		position: relative;
		display: block;
		width: 18px;
		height: 15px;
		margin: -10px auto 5px;
		border: 1px solid #ddd;
		border-radius: 50%;
		color: #fff;
		background-color: #ff6a00;
		font-size: 10px;
		padding-top: 3px;
	}


	.stage-btn-actived {
		position: relative;
		display: block;
		width: 18px;
		height: 15px;
		margin: -10px auto 5px;
		border: 1px solid #ddd;
		border-radius: 50%;
		color: #fff;
		background-color: #023a99;
		font-size: 10px;
		padding-top: 3px;
	}

	.booking-form {
		border-radius: 4px;
		background-color: #eaedf2;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.booking-panel-visible {
		opacity: 0.5;
		background-color: #000;
		text-decoration: line-through;
	}



	.booking-panel {
		/*margin-bottom: 20px;*/
		margin-left: 20px;
		margin-right: 20px;
		background-color: #fff;
		border: 1px solid transparent;
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 13%);
		box-shadow: 0 1px 2px rgb(0 0 0 / 13%);
	}
.booking-panel-primary > .booking-panel-headingemail {
	color: #023a99;
	background-color: #EEEEEE;
	border-radius: 4px 4px 0 0;
	height: 22px;
}

.booking-panel-headingemail {
	padding: 5px 15px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

	.booking-panel-primary > .booking-panel-heading {
		color: #fff;
		background-color: #023a99;
		border-color: #023a99;
		border-radius: 4px 4px 0 0;
		height: 22px;
	}

	.booking-panel-heading {
		padding: 5px 15px;
		border-bottom: 1px solid transparent;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
	}

	.booking-panel-body {
		padding: 5px;
	}

.booking-panel-his {
	/*margin-bottom: 20px;*/
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 13%);
	box-shadow: 0 1px 2px rgb(0 0 0 / 13%);
}


.booking-panel-tong {
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 13%);
	box-shadow: 0 1px 2px rgb(0 0 0 / 13%);
}
.booking-panel-primary-tong > .booking-panel-heading {
	color: #fff;
	background-color: #ff6a00;
	border-color: #ff6a00;
	border-radius: 4px 4px 0 0;
	height: 22px; font-weight:bold;
}


	.from_input {
		padding-bottom: 10px;
	}

	.txt_input {
		width: 100%;
		height: 30px;
		line-height: 30px;
		border-radius: 4px;
		outline: none;
		border: 1px solid #ccc;
		font-style: normal;
	}

		.txt_input:focus {
			outline: none;
		}

		.txt_input::placeholder {
			font-style: italic;
		}


		.txt_input:read-only {
			color: #808080;
		}

	.txt_input-teetime {
		width: 100%;
		height: 26px;
		line-height: 26px;
		border-radius: 4px;
		outline: none;
		border: 1px solid #ccc;
		font-style: normal;
	}

		.txt_input-teetime:focus {
			outline: none;
		}

	.txt_input-teetimet::placeholder {
		font-style: italic;
	}


	.txt_input-teetime:read-only {
		color: #808080;
	}

.txt_input_his {
	width: 98%;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	outline: none;
	border: 1px solid #ccc;
	font-style: normal;
}

	.txt_input_his:focus {
		outline: none;
	}

	.txt_input_his::placeholder {
		font-style: italic;
	}


	.txt_input_his:read-only {
		color: #808080;
	}

	/* Attribution: Under Creative Commons, Attribution should not be removed or hidden */
	#attribution {
		background-color: inherit;
		color: #568e07;
		text-align: center;
		font-size: 11px;
		padding: 5px 0;
		margin: 0 auto;
	}

		#attribution a {
			background-color: inherit;
			color: #568e07;
			text-decoration: none;
		}

			#attribution a:hover {
				color: #999;
			}

	/* Responsive Styles */

	#show-menu {
		display: none;
	}

	.responsive {
		text-align: left;
		font-weight: bold;
		font-size: 18px;
		font-style: underline;
		padding: 0;
		display: none;
		margin-left: 20px;
	}

.divcl30 {
	width: 32%;
	float: left;
}
.divcl70 {
	width: 68%;
	float: left
}
.divclear {
	clear: left
}

.divqcimage {
	position: relative;
	display: block;
	width: 320px;
	height: 320px;
	line-height: 50px;
	border-radius: 50%;
	background-color: #023a99;
	background-image: url('../Images/unnamed.png');
	text-align: center;
}

.divcl65 {
	width: 65%;
	float: left;
}

.divcl35 {
	width: 35%;
	float: left
}
.divcl60 {
	width: 60%;
	float: left;
}

.divcl40 {
	width: 30%;
	float: left
}

.divcl50 {
	width: 50%;
	float: left;
}

.divcl100 {
	width: 100%;
	float: left;
}

.divc_dangky1 {
	width: 23%;
	float: left; 
}
.divc_dangky2 {
	width: 23%;
	float: left; padding-left:10px;
}
.divc_dangky3 {
	width: 23%;
	float: left;
	padding-left: 10px;
}
.divc_dangky4 {
	width: 23%;
	float: left;
	padding-left: 10px;
}

.RadCaptcha {
	/*width: 100%;*/
	/*background-color: #F3F3F3;*/

	/*	border: 1px dotted #606060;*/
	/*font-family: Serif;
	border-radius: 4px; margin:10px;*/
}

.rcRefreshImage,
.rcCaptchaAudioLink {
	text-decoration: none;
	padding: 5px;
	color: Black;
/*	width: 180px;*/
}

	.rcRefreshImage:hover,
	.rcCaptchaAudioLink:hover {
		color: Red;
	}
/*.rcInvalid {
	border: 2px dotted Red;
}

.rcValid {
	border: 2px dotted Green;
}*/
.rcFocusTxt {
	background: #FFFF99;
	border: 1px solid #C0C0C0;
	height: 32px;
	line-height: 24px;
	padding-left: 5px; font-size:14pt;
}
#ctl00_MainContent_RadCaptcha1_CaptchaTextBox {
	width: 100%;
	height: 32px;
	line-height: 24px;
	padding-left: 5px;
	outline: none;
	border: none;
	border: 1px solid #C0C0C0;
	font-size: 14pt;
}

.dropdown {
	position: relative;
	display: inline-block;
	right: 3px; top:3px; cursor:pointer;
}

.dropdown-content {
	display: none;
	position: fixed;
	background-color: #808080;
	min-width: 140px;
	padding: 5px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	right: 2%;
	z-index: 1;
	border-radius: 4px;
}

.dropdown:hover .dropdown-content {
	display: block;
}


.divcpayl65 {
	width: 60%;
	float: left;
}

.divcpay35 {
	width: 40%;
	float: left
}

.divhinhthucthanhtoanpay {
	background-color: #dee6e8;
	padding: 5px;
	border-radius: 4px;
	height: 270px;
}


.divchisl25 {
	width: 25%;
	float: left; padding-right:10px;
}
.divchisl35 {
	width: 35%;
	float: left;
	padding-right: 10px;
}

.divchisl40 {
	width: 30%;
	float: left
}
.fromhis {
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
}


	textarea {
		outline: none;
		font-style: normal;
	}

.radioButtonList input[type="radio"] {
	width: auto;
	float: left;
	color: #0367B2 !important;

}

.radioButtonList label {
	width: auto;
	display: inline;
	float: left;
	color: #0367B2 !important;
	line-height: 25px;
}
.divlisthis {
	background-color: #edf5fa;
	padding: 5px;
	border-radius: 4px;
}

.main-img {
	margin-right: 5px; 
	/*	display: flex;*/
/*	align-self: center;*/
	width: 18px;
	height: 18px;
}
.divpopupinfo {
	width: 800px !important;
}
#ctl00_MainContent_RadWindow_Info_C {
	height:auto !important;
}

@media screen and (max-width : 767px) {
	html {
		font-size: 75%;
	}

	body {
		font-size: 12px;
	}

	blockquote {
		font-size: 16px;
	}

		blockquote:before {
			font-size: 80px;
		}

	#attribution {
		font-size: 10px;
	}

	ul#menu {
		display: none;
	}

	.responsive {
		display: block;
	}

	#show-menu:checked ~ ul#menu {
		display: block;
		position: absolute;
		width: 50%;
		margin: 1% 0 0 -8%;
		overflow: visible;
		z-index: 100;
	}

	ul#menu li {
		display: block;
		text-align: left;
		margin: 0 0 0 20%;
	}

		ul#menu li a {
			display: block;
			background-color: #fff;
		}

			ul#menu li a:hover {
				background-color:#023A99;
				color: #fff;
			}

			ul#menu li a.current, ul#menu li a.active:hover {
				background-color: #eee;
				color: #000;
			}


	.divpopupinfo {
		width: 90% !important;
	}


	.nav1 {
		width: 30%;
		float: left
	}

	.nav2 {
		width: 40%;
		float: left;
		text-align: center;
	}

	.nav3 {
		width: 30%;
		float: left;
		text-align: right;
	}


	.divformsearchdefault {
		width: 100%;
		background-color: #ccc;
		padding: 5px;
		border-radius: 4px;
	}

	.divformsearchlist1 {
		width: 100%;
		text-align: left;
		padding-top: 5px;
	}

	.divformsearchlist2 {
		width: 100%;
		padding-top: 5px;
	}

	.divformsearchlist3 {
		width: 100%;
		padding-top: 5px;
	}

	.divformsearchlist4 {
		width: 100%;
		padding-top: 5px;
		text-align: center;
	}

	.divc_dangky1 {
		width: 100%;
		float: left;
	}

	.divc_dangky2 {
		width: 100%;
		float: left;
		padding-left: 0;  padding-top:5px;
	}

	.divc_dangky3 {
		width: 100%;
		float: left;
		padding-left: 0;
		padding-top: 5px;
	}
	.divc_dangky4 {
		width: 100%;
		float: left;
		padding-left: 0;
		padding-top: 5px;
	}
}



@media (max-width:767px) {


	#footer .logo {
		width: 50%;
		float: left;
		text-align: center;
	}

	#footer .notice {
		color: #fff;
		width: 100%;
		padding-top: 20px;
 
	}

	#footer .bocongthuong {
		width: 50%;
		float: left;
		text-align: center;
		padding-top: 5px;
	}
}

@media (max-width:992px) {
	.divpopupinfo {
		width: 90% !important;
	}

	#footer .logo {
		width: 50%;
		float: left;
		text-align: center;
	}

	#footer .notice {
		background-color: inherit;
		color: #fff;
		width: 100%;
		border: none;
	}

	#footer .bocongthuong {
		width: 50%;
		float: left;
		text-align: center; padding-top:5px;
	}
}


@media (max-width:992px) {

		.divcl30 {
			display: none
		}

		.divcl70 {
			width: 100%;
			float: none;
		}

		.divcl50 {
			width: 100%;
			float: none;
		}

		.divlist1 {
			width: 100%;
		}

		.divlist2 {
			width: 100%;
			padding-top: 5px;
		}

		.divlist3 {
			width: 100%;
			padding-top: 5px;
			text-align: center;
		}

		.divlistview6 {
			width: 48%;
			float: left;
			border-radius: 6px;
			margin: 2px;
			border: solid 1px #DDDDDD;
		}

			.divlistview6:hover {
				width: 48%;
				float: left;
				border-radius: 6px;
				cursor: pointer;
				background-color: #DDDDDD;
				opacity: 0.8;
			}


		.divlistview6_active {
			width: 48%;
			float: left;
			border-radius: 6px;
			margin: 2px;
			border: solid 1px #000;
			background-color: #DDDDDD;
			opacity: 0.8;
		}

		.divcl65 {
			width: 100%;
		}

		.divcl35 {
			width: 100%;
			padding-left: 10px;
		}

		.divcl60 {
			width: 100%;
		}

		.divcl40 {
			width: 100%;
		}


		.booking-panel {
			background-color: #fff;
			border: 1px solid transparent;
			border-radius: 4px;
			-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 13%);
			box-shadow: 0 1px 2px rgb(0 0 0 / 13%);
		}

		.divcpayl65 {
			width: 100%;
		}

		.divcpay35 {
			width: 100%;
		}

		.divhinhthucthanhtoanpay {
			background-color: #dee6e8;
			padding: 5px;
			border-radius: 4px;
			height: 170px;
		}




	.txt_input_his {
		width: 99%;
		height: 30px;
		line-height: 30px;
		border-radius: 4px;
		outline: none;
		border: 1px solid #ccc;
		font-style: normal;
	}

		.fromhis {
			margin-left: 0;
			margin-right: 0;
			width: 100%;
		}

		.divchisl25 {
			width: 100%;
			padding-top: 5px;
		}

		.divchisl35 {
			width: 100%;
			padding-top: 5px;
		}

		.divchisl40 {
			width: 100%;
			padding-top: 5px;
			text-align: center;
		}
	}




	@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		ul#menu {
			list-style-type: none;
			margin: 0 auto;
			display: table;
			padding: 0;
			overflow: hidden;
			width: 90%;
		}

		.divformsearchlist1 {
			width: 100%;
			text-align: left;
			padding-top: 5px;
		}

		.divformsearchlist2 {
			width: 100%;
			padding-top: 5px;
		}

		.divformsearchlist3 {
			width: 100%;
			padding-top: 5px;
		}

		.divformsearchlist4 {
			width: 100%;
			padding-top: 5px;
			text-align: center;
		}

		.divlist1 {
			width: 100%;
		}

		.divlist2 {
			width: 100%;
			padding-top: 5px;
		
		}

		.divlist3 {
			width: 100%;
			padding-top: 5px;
			text-align: center;
		}

		.divlistview6 {
			width: 24%;
			float: left;
			border-radius: 6px;
			margin: 2px;
			border: solid 1px #DDDDDD;
		}

			.divlistview6:hover {
				width: 24%;
				float: left;
				border-radius: 6px;
				cursor: pointer;
				background-color: #DDDDDD;
				opacity: 0.8;
			}


		.divlistview_khung {
			/*	background-color: #EEE;
	border-radius: 6px;*/
		}

		.divlistview6_active {
			width: 24%;
			float: left;
			border-radius: 6px;
			margin: 2px;
			border: solid 1px #000;
			background-color: #DDDDDD;
			opacity: 0.8;
			color: #ff6a00
		}



		.booking-panel {
			background-color: #fff;
			border: 1px solid transparent;
			border-radius: 4px;
			-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 13%);
			box-shadow: 0 1px 2px rgb(0 0 0 / 13%);
		}


		.divhinhthucthanhtoanpay {
			background-color: #dee6e8;
			padding: 5px;
			border-radius: 4px;
			height: 170px;
		}

		.divchisl25 {
			width: 25%;
			float: left;
			padding-right: 10px;
		}

		.divchisl35 {
			width: 35%;
			float: left;
			padding-right: 10px;
		}

		.divchisl40 {
			width: 30%;
			float: left
		}

		.fromhis {
			margin-left: 10%;
			margin-right: 10%;
			width: 80%;
		}
	}