@font-face{
	font-family:"PSLxDisplay";
	src:url('PSLxDisplay.eot');
	src:url('PSLxDisplay.eot?#iefix') format('eot'),
	url('PSLxDisplay.ttf') format('truetype'),
	url('PSLxDisplay.woff') format('woff'),
	url('PSLxDisplay.svg#PSLxDisplay') format('svg');
}
body{
	font-family:tahoma, Arial;
	font-size:0.8em;
	color:#000;
	margin:0;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#14b9d5;
}
img{
	border:none;
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
input[type='text'], textarea, select{
	width:98%;
	height:2em;
	margin-top:2px;
	border:solid 1px #e0e0e0;
	background-color:#f5f5f5;
	color:#1b3146;
}
textarea{
	height:auto;
}
h1{
	font-family:"PSLxDisplay";
	font-size:27px;
	color:#227afc;
	padding:0;
	margin:0;
}
.Bfont{
	font-size:1.2em;
}
.Bblue{
	color:#14b9d5;
	font-size:1.2em;
}
.blue23, .red23{
	font-family:"PSLxDisplay";
	font-size:23px;
	color:#207bff;
}
.blue{
	color:#227afc;
}
.red, .red23{
	color:#ef2e39;
}
.white, .white a{
	font-family:"PSLxDisplay";
	font-size:23px;
	color:#FFF;
	text-decoration:none;
}
.white a:hover{
	color:#005b6b;
}
.white27{
	font-family:"PSLxDisplay";
	font-size:35px;
	color:#FFF;
	padding-top:15%;
}
#cover{
	width:1080px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#head{
	width:100%;
	height:343px;
	background-image:url(../images/head.jpg);
	background-size: 100% 343px;
    background-repeat: no-repeat;
}
#listmenu{
	width:100%;
	background: #0099ff;
	overflow:hidden;
	margin-top:-3px;
}
#left-side, #right-side{
	width:225px;
	float:left;
	margin:15px 0;
}
#right-side{
	width:223px;
	float:right;
	border:solid 1px #cccccc;
}
#center-side{
	width:610px;
	float:left;
	margin:15px 10px;
}
.blog-menu{
	width:99.5%;
	padding-bottom:15px;
	border:solid 1px #cccccc;
	margin-bottom:10px;
}
.type-menu, .topic-red, .topic-green, .topic-pink, .topic-blue, .topic-orange{
	font-family:"PSLxDisplay";
	font-size:25px;
	width:90%;
	background-color:#0099ff;
	color:#FFF;
	padding:5px 5%;
	margin-top:10px;
}
ul.leftmenu{
	list-style:none;
	margin:0;
	padding:0 10px;
}
ul.leftmenu li{
	font-family:"PSLxDisplay";
	font-size:22px;	
	color: #0099ff;
	border-bottom:dashed 1px #0099ff;
	padding:7px 0;
}
ul.leftmenu li a{
	color: #0099ff;
}
ul.leftmenu li a:hover{
	color: #79c7fc;
}
.p-element{
	display:block;
}
.m-element{
	display:none;
}
.topic-red{
	background-color:#d92003;
}
.topic-green{
	background-color:#00c963;
}
.topic-pink{
	margin-top:0;
	background-color:#ff888f;
}
.topic-blue{
	background-color:#14b9d5;
}
.topic-orange{
	background-color:#ffb153;
}
.btn-pink{
	color:#FFF;
	text-transform:uppercase;
	padding:5px 10px;
	background-color:#ff888f;
}
#link-social{
	width:106px;
	height:25px;
	background:url(../images/template/social.png) no-repeat;
	position:relative;
	margin:-34px 5px 0 100px;;
	padding:0;
}
#link-social li{
	list-style:none;
	position:absolute;
}
#link-social li, #link-social a{
	height:25px;
	display:block;
}
.link-facebook{
	width:25px;
	left:0;
	background:url(../images/template/social.png) no-repeat 0 0;
}
.link-facebook a:hover{
	background:url(../images/template/social.png) no-repeat 0 -25px;
}
.link-twitter{
	width:25px;
	left:26px;
	background:url(../images/template/social.png) no-repeat -26px 0;
}
.link-twitter a:hover{
	background:url(../images/template/social.png) no-repeat -26px -25px;
}
.link-pin{
	width:25px;
	left:52px;
	background:url(../images/template/social.png) no-repeat -52px 0;
}
.link-pin a:hover{
	background:url(../images/template/social.png) no-repeat -52px -25px;
}
.link-instagram{
	width:25px;
	left:78px;
	background:url(../images/template/social.png) no-repeat -78px 0;
}
.link-instagram a:hover{
	background:url(../images/template/social.png) no-repeat -78px -25px;
}
#foot{
	width:100%;
	padding:15px 0;
	background-color:#14b9d5;
	color:#FFF;
	text-align:center;
	overflow:hidden;
}
.slideshow{
	width:100%;
	height:auto;
	overflow:hidden;
	/*border:solid 2px #e3e3e3;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(153,151,153,1);
	-moz-box-shadow: 0px 0px 11px 0px rgba(153,151,153,1);
	box-shadow: 0px 0px 11px 0px rgba(153,151,153,1);*/
}
.topic-page{
	width:98%;
	padding:5px;
	border-bottom:solid 1px #0099ff;
}
.row{
	width:100%;
	height:auto;
	overflow:hidden;
}
.col3{
	width:28%;
	float:left;
	margin:10px 1.6%;
	padding:1%;
	background-color:#f9f9f9;
}
.btn-orange{
	background-color:#f7941e;
	color:#FFF;
	padding:3px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:none;
	cursor:pointer;
}
.btn-orange a{
	color:#FFF;
	text-decoration:none;
}
.btn-orange a:hover{
	color:#000;
}
table.itinerary td{
	padding:3px 0;
}
.row-dash{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:10px 0;
	margin:15px 0;
	border-bottom:dashed 1px #d6d6d6;
}
.blog-left{
	float:left;
	padding:0 15px 15px 0;
}
.gallery{
	list-style:none;
	margin:0;
	padding:0
}
.gallery img{
	width:23%;
	margin:1%;
	float:left;
}
table.chart {
 	border-top: solid 1px #c5c5c5;
 	border-left:solid 1px #c5c5c5;
}
table.chart th{
	text-align:center;
	background-color:#e9e9e9;
	font-weight:bold;
	border-bottom:solid 1px #c5c5c5;
 	border-right:solid 1px #c5c5c5;
	height:30px;
}
table.chart td{
	padding:5px 3px;
 	border-bottom:solid 1px #c5c5c5;
 	border-right:solid 1px #c5c5c5;
}
@media only screen and (max-width: 800px) {
	#cover{
		width:100%;
	}
	#head{
		height:auto;
		background-image:none;
	}
	#left-side, #right-side, #center-side{
		width:94%;
		margin:0 3%;
	}
	#right-side{
		margin-top:15px;
		margin-bottom:15px;
	}
	#info-trang{
		display:none;
	}
	.p-element{
		display:none;
	}
	.m-element{
		display:block;
	}
	.col3{
		width:94%;
		float:left;
		margin:10px 0;
		padding:3%;
	}
	.blog-left{
		float:none;
		padding:0;
		margin:15px auto;
		text-align:center;
	}
	.gallery img{
		width:47%;
		margin:1.5%;
		float:left;
	}
}
@media only screen and (min-width: 736px) and (max-width: 799px) {
	.gallery img{
		width:30%;
		margin:1.5%;
		float:left;
	}
}
@media only screen and (min-width: 801px) and (max-width: 1024px){
	#cover{
		width:99%;
	}
	#center-side{
		width:520px;
		float:left;
		margin:15px 10px;
	}
	.gallery img{
		width:30%;
		margin:1.5%;
		float:left;
	}
}
@media only screen and (min-width: 801px) and (max-width: 1000px){
	#left-side, #right-side{
		width:200px;
	}
}