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

.travel-36-1{
	width:100%;
	/* min-height: 713px; */
	background:url(../images/travel-93-2/bg.jpg) top center no-repeat;
	}
.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;
	}
	
.travel-36-1 .title{

	}
.travel-36-1 .title img{
	max-width:100%;
	height:auto;
	}	
	
.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: #155724;
}
.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: #155724;
}
.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: #155724;
}
.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: #155724;
}
.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: 335px; */
	position:relative;
	background-color:#000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 10px;
	border-radius: 30px;
	/* -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: 22px;
	-moz-border-radius: 10px;
	border-radius: 22px;
}

.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 .eye{
	position:absolute;
	bottom:15px;
	right:15px;
	padding: 3px 15px 3px 38px;
	font: 17px/20px 'Kanit', Arial, sans-serif;
	background: #f9e403 url(../images/travel-93-1/eye2.png) 7px 5px no-repeat;
	color: #d0146d;
	width: max-content;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}


.travel-36-1 .fix-font{
	font: 15px/20px 'Kanit', Arial, sans-serif;
}

.travel-36-1 .t-text{
	font: 17px/20px 'lineseed', Arial, sans-serif;
	color:#fff;
	font-weight: bold;
	width:100%;
	padding: 17px 10px 10px 0;
	/* background:url(../images/travel-93-1/sh.png) 0 10px no-repeat; */
}


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

.travel-36-1 .t-pin{
	font: 17px/25px 'Kanit', Arial, sans-serif;
	color:#fff;
	width:100%;
	padding: 17px 10px 10px 30px;
	background: url(../images/travel-93-1/pin.png) 0 11px no-repeat;
}

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


.travel-36-1 .left-bottom{
	/* width:100%; */
	height:auto;
	position:absolute;
	z-index:1;
	left: -70px;
	top: 183px;
	}
.travel-36-1 .right-bottom{
	/* width:100%; */
	height:auto;
	position:absolute;
	z-index:1;
	left: -69px;
	top: 261px;
	}
@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%;
}
.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: 549%;
}
.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: 329%;
}
	
.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) -210px 0px no-repeat; */
	}
.travel-36-1 .container-cv-5{
	width:100%;
	}
	.travel-36-1 .travel-title {
    left: 13px;
    top: 8px;
}
	.travel-36-1 .t-tab {
    padding-left: 175px;
}
	.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;
}
}
@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;
}
	}