@charset "utf-8";
/* CSS Document */

.travel-36-1 {
	width: 100%;
	/* min-height: 683px; */
	background: url(../images/travel-93-1/bg.jpg) top center no-repeat;
	background-size: 113%;
}

.travel-36-1 .travel-title {
	position: relative;
	margin-top: 50px;
	/* height:auto; */
	top: 50px;
	/* left: 0; */
}

.travel-36-1 .travel-title img {
	max-width: 100%;
	height: auto;
	width: 80%;
}

.travel-36-1 .w-p {
	position: absolute;
	height: auto;
	bottom: -84px;
	text-align: center;
}

.travel-36-1 .travel-top {
	padding-top: 40px;
	text-align: center;
	color: #0a4c7e;
	height: 129px;
	font: 36px/50px 'thaisanslite', Arial, sans-serif;
}

.travel-36-1 .t-tab {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 55px;
	/* padding-left: 260px; */
}

.travel-36-1 .t-activity {
	width: 220px;
	height: 55px;
}

.travel-36-1 .t-video {
	width: 220px;
	height: 55px;
}

.travel-36-1 .t-eat {
	width: 214px;
	color: #ffffff;
	font: 20px/39px 'Pattaya', Arial, sans-serif;
	background: url(../images/travel-93-1/eat.png) 0% 50% no-repeat;
	text-indent: 50px;
	text-align: left;
	padding-top: 13px;
}

.travel-36-1 .t-eat a {
	color: #fff;
}

.travel-36-1 .t-eat a:hover {
	color: #fff;
}

.travel-36-1 .t-shop {
	width: 179px;
	color: #ffffff;
	font: 20px/39px 'Pattaya', Arial, sans-serif;
	background: url(../images/travel-93-1/shop.png) 0% 50% no-repeat;
	text-indent: 50px;
	text-align: left;
	padding-top: 13px;
}

.travel-36-1 .t-shop a {
	color: #fff;
}

.travel-36-1 .t-shop a:hover {
	color: #fff;
}

.travel-36-1 .t-event {
	width: 185px;
	color: #ffffff;
	font: 20px/39px 'Pattaya', Arial, sans-serif;
	background: url(../images/travel-93-1/hotel.png) 0% 50% no-repeat;
	text-indent: 50px;
	text-align: left;
	padding-top: 13px;
}

.travel-36-1 .t-event a {
	color: #fff;
}

.travel-36-1 .t-event a:hover {
	color: #fff;
}

.travel-36-1 .t-travel {
	width: 120px;
	color: #0a4c7e;
	font: 20px/39px 'Pattaya', Arial, sans-serif;
	background: url(../images/travel-93-1/travel.png) 0% 50% no-repeat;
	text-indent: 50px;
	text-align: left;
	padding-top: 13px;
}

.travel-36-1 .t-travel a {
	color: #fff;
}

.travel-36-1 .t-travel a:hover {
	color: #fff;
}

.travel-36-1 .t-normal {
	color: #0a4c7e;
}

.travel-36-1 .t-normal a {
	color: #0a4c7e;
}

.travel-36-1 .t-normal a:hover {
	color: #0a4c7e;
}

.travel-36-1 .travel-mid {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	/* margin-top: 55px; */
}

.travel-36-1 .pic1 {
	width: 455px !important;
}

.travel-36-1 .travel-pic {
	margin: 0;
	padding: 0;
	width: 396px;
	position: relative;
	background-color: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.35);
}

.travel-36-1 .ma {
	margin-top: 42px;
}

.travel-36-1 .travel-pic img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.travel-36-1 .travel-pic:hover img.mmm {
	opacity: 0.5;
}

.travel-36-1 .pic-icon-t {
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}

.travel-36-1 .pic-icon-t img {
	max-width: 100%;
	height: auto;
}

.travel-36-1 .travel-pic .t-text {
	display: none;
	font: 17px/25px 'tahoma', Arial, sans-serif;
	padding: 20px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;
	padding-bottom: 25px;
	z-index: 1;
	background: url(../images/gallery-38-1/line-pink.png) bottom center no-repeat;
}

.travel-36-1 .travel-pic .t-text a {
	color: #fff;
}

.travel-36-1 .travel-pic .t-text a {
	color: #FFF;
}

.travel-36-1 .travel-pic:hover .t-text {
	display: block;
}

.travel-36-1 .travel-bottom {
	margin: 10px 0px;
	padding: 0;
}

.travel-36-1 .left-bottom {
	/* width:100%; */
	height: auto;
	position: absolute;
	z-index: 1;
	left: -70px;
	top: 250px;
}

.travel-36-1 .right-bottom {
	/* width:100%; */
	height: auto;
	position: absolute;
	z-index: 1;
	left: -69px;
	top: 329px;
}

@media (max-width: 374px) {
	.travel-36-1 {
		min-height: 567px;
		/* background: #5ccede; */
		/* margin-bottom: 123px; */
		background-position: top left;
		background-size: 585%;
	}
	.travel-36-1 .t-tab {
		padding-left: 0;
	}
	.travel-36-1 .travel-mid {
		margin-top: 0px;
	}
	.travel-36-1 .travel-title {
		text-align: center;
		position: relative;
		height: auto;
		top: 20px;
		right: 8px;
	}
	.travel-36-1 .pic1 {
		width: 315px !important;
	}
	.travel-36-1 .travel-pic {
		width: 315px;
	}
	.travel-36-1 .ma {
		margin-top: 0;
	}
}

@media (min-width: 375px) and (max-width: 413px) {
	.travel-36-1 {
		height: auto;
		/* background: #5ccede; */
		/* margin-bottom: 123px; */
		background-position: top left;
		background-size: 579%;
		min-height: 650px;
	}
	.travel-36-1 .t-tab {
		padding-left: 0;
	}
	.travel-36-1 .travel-mid {
		margin-top: 0px;
	}
	.travel-36-1 .travel-title {
		text-align: center;
		position: relative;
		height: auto;
		top: 20px;
		right: 0px;
	}
	.travel-36-1 .pic1 {
		width: 330px !important;
	}
	.travel-36-1 .travel-pic {
		width: 330px;
	}
	.travel-36-1 .ma {
		margin-top: 0;
	}
}

@media (min-width: 414px) and (max-width: 575px) {
	.travel-36-1 {
		height: auto;
		/* background: #5ccede; */
		/* margin-bottom: 123px; */
		background-position: top left;
		background-size: 589%;
		min-height: 750px;
	}
	.travel-36-1 .t-tab {
		padding-left: 0;
	}
	.travel-36-1 .travel-mid {
		margin-top: 0px;
	}
	.travel-36-1 .travel-title {
		text-align: center;
		position: relative;
		height: auto;
		top: 20px;
		right: 0px;
	}
	.travel-36-1 .pic1 {
		width: 375px !important;
	}
	.travel-36-1 .travel-pic {
		width: 375px;
	}
	.travel-36-1 .ma {
		margin-top: 0;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.travel-36-1 {
		height: auto;
		/* background: #5ccede; */
		/* margin-bottom: 123px; */
		background-position: top left;
		background-size: 349%;
		min-height: 734px;
	}
	.travel-36-1 .t-tab {
		padding-left: 0px;
	}
	.travel-36-1 .travel-mid {
		margin-top: 0px;
	}
	.travel-36-1 .travel-title {
		text-align: center;
		position: relative;
		height: auto;
		top: 20px;
		right: 0px;
	}
	.travel-36-1 .pic1 {
		width: 315px !important;
	}
	.travel-36-1 .travel-pic {
		width: 315px;
	}
	.travel-36-1 .ma {
		margin-top: 0;
	}
	.travel-36-1 .container-cv-5 {
		width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.travel-36-1 {
		background: url(../images/travel-93-1/bg.jpg) -460px 0px no-repeat;
		background-size: 220%;
		min-height: 630px;
	}
	.travel-36-1 .container-cv-5 {
		width: 100%;
	}
	.travel-36-1 .travel-title {
		left: 13px;
		top: 8px;
	}
	.travel-36-1 .t-tab {
		padding-left: 5px;
	}
	.travel-36-1 .t-eat {
		width: 194px;
		font: 25px/39px 'thaisanslite', Arial, sans-serif;
	}
	.travel-36-1 .t-shop {
		width: 163px;
		font: 25px/39px 'thaisanslite', Arial, sans-serif;
	}
	.travel-36-1 .t-event {
		width: 120px;
		font: 25px/39px 'thaisanslite', Arial, sans-serif;
	}
	.travel-36-1 .t-travel {
		width: 120px;
		font: 25px/39px 'thaisanslite', Arial, sans-serif;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.travel-36-1 .container-cv-5 {
		width: 100%;
	}
	.travel-36-1 .travel-title {
		left: -90px;
	}
	.travel-36-1 .pic1 {
		width: 430px !important;
	}
	.travel-36-1 .travel-pic {
		width: 340px;
	}
	.travel-36-1 .ma {
		margin-top: 35px;
	}
	.travel-36-1 {
		background-size: 154%;
		min-height: 600px;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.travel-36-1 .travel-title {
		left: -105px;
	}
	.travel-36-1 .pic1 {
		width: 430px !important;
	}
	.travel-36-1 .travel-pic {
		width: 340px;
	}
	.travel-36-1 .ma {
		margin-top: 35px;
	}
	.travel-36-1 {
		background-size: 153%;
		min-height: 630px;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.travel-36-1 {
		background-size: 135%;
		min-height: 620px;
	}
}

@media (min-width: 1601px) and (max-width: 1920px) {
	.travel-36-1 {
		background-size: 135%;
		min-height: 744px;
	}
}

/* -------------------------------------- */

@media (min-width: 375px) and (max-width: 419px) {
	.travel-36-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: 0px !important;
	}
}

@media (min-width: 420px) and (max-width: 575px) {
	.travel-36-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.travel-36-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.travel-36-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.travel-36-1 .owl-theme .owl-nav {
		left: 10px !important;
		right: -30px !important;
		margin-top: -250px !important;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.travel-36-1 .owl-theme .owl-nav {
		left: -65px !important;
		right: -65px !important;
		margin-top: -280px !important;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.travel-36-1 .owl-theme .owl-nav {
		left: -65px !important;
		right: -65px !important;
		margin-top: -280px !important;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.travel-36-1 .owl-theme .owl-nav {
		left: -50px !important;
		right: -50px !important;
		margin-top: -240px !important;
	}
}

@media (min-width: 1601px) and (max-width: 1920px) {
	.travel-36-1 .owl-theme .owl-nav {
		left: -65px !important;
		right: -65px !important;
		margin-top: -280px !important;
	}
}