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

.travel-133-1{
	width:100%;
	height: auto;
	background:url(../images/travel-133-1/bg.jpg) top center no-repeat;
	padding-top: 80px !important;
	}
.travel-133-1 .travel-mid{
	width:100%;
	height:auto;
	}
.travel-133-1 .travel-mid .travel-top{
	width:100%;
	height:auto;
	text-align:center;
	}
.travel-133-1 .travel-mid .travel-top img{
	max-width:100%;
	}
.travel-133-1 .travel-mid .travel-mid-in{
	width:100%;
	height:auto;
	margin-top: 25px;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block{
	width:100%;
	height:auto;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-title{
    width: 100%;
    height: 44px;
    font-family: 'Kanit';
    font-size: 36px;
    line-height: 44px;
    text-align: left;
    font-weight: bold;
    color: #0d9226;
    background: url(../images/travel-133-1/bulet-t.png) 0% 50% no-repeat;
    text-indent: 77px;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-pic{
	width:100%;
	height: auto;
	margin-top: 20px;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-pic img{
	max-width:100%;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-name{
	width: max-content;
    height: 90px;
    background: #fcf3e2;
    font-family: 'Kanit';
    font-size: 30px;
    line-height: 60px;
	color:#333333;
    margin-top: -90px;
    padding: 20px;
    position: relative;
    z-index: 99;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-text{
	width:100%;
	height:auto;
	font-family: 'Kanit';
	font-size: 18px;
	line-height:24px;
	padding:10px;
	margin-top: 10px;
	color: #ffffff;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .d-title{
	width:100%;
	height:auto;
	font-family: 'Kanit';
	font-size: 18px;
	line-height:24px;
	text-decoration:underline;
	padding:10px;
	text-align:left;
	color: #ffffff;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-mm{
	width:100%;
	height:auto;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-mm .t-location{
	width: 100%;
	height: 35px;
	font-family: 'Kanit';
	font-size: 22px;
	line-height: 18px;
	text-align: left;
	color: #ffffff;
	background: url(../images/travel-133-1/bb1.png) 0% 50% no-repeat;
	padding-left: 35px;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-mm .t-view{
	width: 100%;
	height: 35px;
	font-family: 'Kanit';
	font-size: 22px;
	line-height: 18px;
	text-align: left;
	color: #ffffff;
	background: url(../images/travel-133-1/bb2.png) 0% 50% no-repeat;
	padding-left:42px;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-bottom{
	width:100%;
	height:auto;
	text-align: right;
	padding:10px;
	margin-top:10px;
	}
/*********************************************************/
.travel-133-1 .travel-mid .travel-mid-in .travel-block .otop-title{
    width: 100%;
    height: 44px;
    font-family: 'Kanit';
    font-size: 36px;
    line-height: 44px;
    text-align: left;
    font-weight: bold;
    color: #81c75f;
    background: url(../images/travel-133-1/bulet-s.png) 0% 50% no-repeat;
    text-indent: 65px;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .otop-mm{
	width:100%;
	height:auto;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .otop-mm .o-location{
	width: 100%;
	height: 35px;
	font-family: 'Kanit';
	font-size: 22px;
	line-height: 18px;
	text-align: left;
	color: #ffffff;
	background: url(../images/travel-133-1/bb3.png) 0% 50% no-repeat;
	padding-left: 35px;
	}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .otop-mm .o-view{
	width: 100%;
	height: 35px;
	font-family: 'Kanit';
	font-size: 22px;
	line-height: 18px;
	text-align: left;
	color: #ffffff;
	background: url(../images/travel-133-1/bb4.png) 0% 50% no-repeat;
	padding-left:42px;
	}
@media (max-width: 374px) { 
	.travel-133-1 .travel-mid .travel-top img {
    max-width: 55%;
}
.travel-133-1 {
    padding-top: 40px !important;
    height: auto;
    padding-bottom: 50px !important;
    background-size: cover;
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .otop-title {
    margin-top: 30px;
	font-size: 30px;
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-name {
    height: 65px;
    font-size: 18px;
    line-height: 30px;
    margin-top: -65px;
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-title {
    font-size: 30px;
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-mm .t-location{
		
font-size: 18px;
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-mm .t-view{
		
font-size: 18px;
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .otop-mm .o-location{
		
font-size: 18px;
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .otop-mm .o-view{
		
font-size: 18px;
}
}
@media (min-width: 375px) and (max-width: 413px) {
	.travel-133-1 .travel-mid .travel-top img {
    max-width: 55%;
}
.travel-133-1 {
    padding-top: 40px !important;
    height: auto;
    padding-bottom: 50px !important;
    background-size: cover;
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .otop-title {
    margin-top: 30px;
	font-size: 30px;
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-name {
    height: 65px;
    font-size: 20px;
    line-height: 30px;
    margin-top: -65px;
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-title {
    font-size: 30px;
}
	}
@media (min-width: 414px) and (max-width: 575px) {
	.travel-133-1 .travel-mid .travel-top img {
    max-width: 55%;
}
.travel-133-1 {
    padding-top: 40px !important;
    height: auto;
    padding-bottom: 50px !important;
    background-size: cover;
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .otop-title {
    margin-top: 30px;
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-name{
		
font-size: 22px;
}
}
@media (min-width: 576px) and (max-width: 991px) {
	.travel-133-1 {
    padding-top: 40px !important;
    height: auto;
    padding-bottom: 50px !important;
    background-size: cover;
}
	.travel-133-1 .travel-mid .travel-top img{
		
max-width: 40%;
	}
	.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-name{
		
font-size: 24px;
		
height: 90px;
	}
	}
@media (min-width: 1200px) and (max-width: 1280px) {
	.travel-133-1 {
    height: auto;
    padding-bottom: 100px !important;
}
	.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-name{
		
font-size: 24px;
	}
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-mm .t-view {
	font-size: 16px;
}

@media (min-width: 1281px) and (max-width: 1366px){
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-name{
		font-size: 24px;
}
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-mm .t-view {
	font-size: 16px;
}
}

@media (min-width: 1367px) and (max-width: 1440px){
.travel-133-1 .travel-mid .travel-mid-in .travel-block .travel-name{
		
font-size: 25px;
}
}