/* --------------------------------------------------- Part Herobanner --------------------------------------------------- */

.part-slide-hilight{
	margin-top: 8px;
}
	.slide-herobanner .slide-item{
		width: 100%;
		z-index: 99;
	}
	.slide-herobanner .slide-item iframe {
    width: 100%;
  }
  .slide-herobanner .slide-item iframe ,
  .slide-herobanner .slide-item .box-pic ,
  .slide-herobanner .slide-item {
    height: 500px !important;
  }
  .slide-herobanner .slide-item {
    display: none;
  }
  .slide-herobanner .slide-item:first-child {
    display: block;
  }
		.slide-herobanner .slide-item .box-pic{
			width: 100%;
/* 			height: 410px; */
			-webkit-background-size: auto 100% !important;
			-moz-background-size: auto 100% !important;
			-o-background-size: auto 100% !important;
			background-size: auto 100% !important;
			background-position: center center;
	    background-repeat: no-repeat;
      background-color: #000;
		}

		.slide-herobanner .slide-item .box-text{
			width: 100%;
			padding: 20px 100px 35px 40px;
			background-color: rgba(103, 103, 103, 0.7);
			height: 137px;
			position: absolute;
			bottom: 0px;
			left: 0px;
		}
			.slide-herobanner .slide-item .box-text .text-title{
				font-weight: 400;
				font-size: 1.63em;
				line-height: 35px;
				margin-bottom: 5px;
    			height: 35px;

			}
			.slide-herobanner .slide-item .box-text .text-title a {
			    overflow: hidden;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			    width: auto;
			}			
				.slide-herobanner .slide-item .box-text .text-title a{
					color: #fff;
					-webkit-transition: all 0.5s ease;
					-moz-transition: all 0.5s ease;
					-o-transition: all 0.5s ease;
					transition: all 0.5s ease;
				}
				.slide-herobanner .slide-item .box-text .text-title a:hover{
					color: #666;
				}
			.slide-herobanner .slide-item .box-text .text-des{
				color: #fff;
/* 				margin-bottom: 25px; */
				overflow: hidden;
				line-height: 25px;
				height: 50px;
			}
		
			.slide-herobanner .slide-item .box-text .box-icon{
				position: absolute;
				top: 0px;
				right: 0px;
			}
				.slide-herobanner .slide-item .box-text .box-icon div{
					width: 45px;
					height: 45px;
					display: block;
					margin-bottom: 1px;
					-webkit-transition: all 0.5s ease;
					-moz-transition: all 0.5s ease;
					-o-transition: all 0.5s ease;
					transition: all 0.5s ease;
					background: no-repeat center center;
					background-color: #333333;
/* 					background-color: rgba(0, 155, 160, 0.7); */
				}
				.slide-herobanner .slide-item .box-text .box-icon div:hover{
					background-color: #666;
				}
					.slide-herobanner .slide-item .box-text .box-icon div.icon-hotel{
						background-image: url(../images/icon-hotel.svg);
						background-size: 60%;
					}
					.slide-herobanner .slide-item .box-text .box-icon div.icon-food{
						background-image: url(../images/icon-food.svg);
						background-size: 60%;
					}
					.slide-herobanner .slide-item .box-text .box-icon div.icon-learn{
						background-image: url(../images/icon-learn.svg);
						background-size: 45%;
					}

.part-herobanner .box-arrow{
	width: 100%;
}
	.part-herobanner .box-arrow.big .btn-arrow{
	    width: 90px;
	    height: 90px;
		display: flex;
		overflow: hidden;
		text-indent: 999px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		position: absolute;
		top: -246px;
    transform: translateY(-50%);
    opacity: 0.3;
	}
		.part-herobanner .box-arrow.big .btn-arrow.left{
			left: -100px;
			background: url(../images/icon-arrow4-l.png) no-repeat center center;
		}
		.part-herobanner .box-arrow.big .btn-arrow.right{
			right: -100px;
			background: url(../images/icon-arrow4-r.png) no-repeat center center;
		}
		.part-herobanner .box-arrow.big .btn-arrow.left:hover{
			background: url(../images/icon-arrow4-l-hover.png) no-repeat center center;
		}
		.part-herobanner .box-arrow.big .btn-arrow.right:hover{
			background: url(../images/icon-arrow4-r-hover.png) no-repeat center center;
		}
		.part-herobanner .box-arrow.big .btn-arrow.left.dis,
		.part-herobanner .box-arrow.big .btn-arrow.left.dis:hover{
			cursor:  default;
			filter: alpha(opacity=20);
			opacity: 0.2;
		}
		.part-herobanner .box-arrow.big .btn-arrow.right.dis,
		.part-herobanner .box-arrow.big .btn-arrow.right.dis:hover{
			cursor: default;
			filter: alpha(opacity=20);
			opacity: 0.2;				
		}


/* --------------------------------------------------- Part SlideC--------------------------------------------------- */
.part-herobanner .slide-herobanner-main {
    margin-bottom: -4px;
}
	.part-herobanner .slide-herobanner-main .owl-theme .owl-controls .owl-page span {
	    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.55);
	}

.part-slideC{
	background-color: #fff;
	padding: 30px 0;
}
	.part-slideC h1 ,
	.part-slideC h3 {
	    text-align: center;
	    font-size: 1.56em;
        margin-bottom: 30px;
	    font-weight: 400;
	    color: #484848;
	    text-transform: uppercase;
	}
	.part-slideC h1::after ,
	.part-slideC h3::after {
		content: "";
	    display: block;
	    border-bottom: 1px solid #cecece;
	    width: 108px;
	    bottom: 0;
	    margin: 20px auto 0 auto;
	}
	.part-slideC .slideC-main{
		width: 1055px;
		margin: 0 auto;
	}
		.part-slideC .slide3itemC .owl-controls {
		    text-align: center;
		    margin: 0;
		    padding-bottom: 0;
		    display: block;
		    position: relative;
		    width: 100%;
		    bottom: 0px;
		    margin-top: 20px;
		}
			.part-slideC .slide3itemC .owl-controls .owl-page span {
				display: block;
				width: 6px;
				height: 6px;
				margin: 5px 4px;
				-webkit-box-sizing: content-box;
				-moz-box-sizing: content-box;
				box-sizing: content-box;
				background-color: #c2c2c2;
				border: 0px solid #c2c2c2;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
			}
				.part-slideC .slide3itemC .owl-controls .owl-page.active span{
					background-color: #009ba0;
				}
				
/* --------------------------------------------------- Part HIGHLIGHT TRIP --------------------------------------------------- */

.part-highlight-trip {
    background: #15948f url(../images/BG-highlight-trip.jpg) no-repeat top center;
    background-size: 100% auto;
    padding: 60px 0 40px 0;
}
	.part-highlight-trip h2 ,
	.part-highlight-trip h3 {
	    text-align: center;
	    font-size: 1.56em;
        margin-bottom: 5px;
	    font-weight: 400;
	    color: #ffffff;
	    text-transform: uppercase;
	}
	.part-highlight-trip > p {
	    text-align: center;
	    margin-bottom: 20px;
        margin-left: auto;
	    margin-right: auto;
		color: #fff;
		display: block;
		width: 1020px;
		position: relative;
	    max-width: 100%;
	}
	.part-highlight-trip > p::after {
		content: "";
	    display: block;
	    border-bottom: 1px solid #ffffff;
	    width: 108px;
	    bottom: 0;
	    margin: 20px auto 0 auto;
	}
	.part-highlight-trip .box-highlight {
	    display: table;
	    width: 1055px;
	    margin: auto;
	}
		.part-highlight-trip a.Read-more {
		    margin: 15px auto;
		    display: table;
		    background: #7f7f7f;
		    padding: 6px 30px;
		    color: #fff !important;
		    border-radius: 30px;
		    font-weight: 400;
		    font-size: 0.94em;
		    text-transform: uppercase;
		}
		.part-highlight-trip a.Read-more:hover {
		    background: #21736e;
		}
		.part-highlight-trip .box-highlight .box-item {
		    width: 50%;
		    float: left;
		    padding: 20px;
	        background: #0b736f;
		    background-clip: content-box;
		}
			.part-highlight-trip .box-highlight .box-pic {
			    background-position: center;
			    background-size: cover;
			}
				.part-highlight-trip .box-highlight .box-pic::before {
				    content: "";
				    width: 100%;
				    transition: .5s;
				    opacity: 0;
				    position: absolute;
				    height: 100%;
				    background: rgba(0, 0, 0, 0.25) url(../images/highlight_icon.png) center center no-repeat;
				}
			@media only screen and (min-width: 1025px) {
				.part-highlight-trip .box-highlight .box-item:hover .box-pic::before  {
					opacity: 1;
				}
			}
			
				.part-highlight-trip .box-highlight .box-pic a {
					background-color: transparent !important;
				}
					.part-highlight-trip .box-highlight .box-pic img {
						width: 100%;
					}
				
			.part-highlight-trip .box-highlight .box-text {
			    color: #ffffff;
			    padding: 20px;
			}
				.part-highlight-trip .box-highlight .box-text a {
				    color: #ffffff;
				}
				.part-highlight-trip .box-highlight .box-text a:hover {
				    color: #43dad1;
				}
				.part-highlight-trip .box-highlight .box-text h2 {
				    line-height: 25px;
				    height: 25px;
				    overflow: hidden;
				    white-space: nowrap;
				    text-overflow: ellipsis;
			        margin-bottom: 15px;
				    -webkit-transition: all 0.5s ease;
				    -moz-transition: all 0.5s ease;
				    -o-transition: all 0.5s ease;
				    transition: all 0.5s ease;
				}
				.part-highlight-trip .box-highlight .box-text .box-date {
				    font-weight: 400;
				    font-size: 0.69em;
				    margin-bottom: 5px;
				}
				.part-highlight-trip .box-highlight .box-text .box-date:before {
				    content: '';
				    display: inline-block;
				    width: 12px;
				    height: 12px;
				    vertical-align: top;
				    margin-right: 7px;
				    background: url(../images/icon-time.svg) no-repeat center center;
				    top: 3px;
				    position: relative;
				}
				.part-highlight-trip .box-highlight .box-text .text-des {
					display: -webkit-box;
				    -webkit-line-clamp: 3;
				    -webkit-box-orient: vertical;
				    overflow: hidden;
				    height: 74px;
				}
				
			.part-highlight-trip .box-highlight .box-btn {
			    padding: 20px;
			    padding-top: 0px;
			}
	
		
/* --------------------------------------------------- Part SlideD--------------------------------------------------- */

.part-slideD{
	background-color: #f9f9f9;
    padding: 60px 0;
    padding-bottom: 1px;
}
	.part-slideD h2 ,
	.part-slideD h3 {
	    text-align: center;
	    font-size: 1.56em;
        margin-bottom: 5px;
	    font-weight: 400;
	    color: #484848;
	    text-transform: uppercase;
	}
	.part-slideD > p {
	    text-align: center;
        margin-bottom: 20px;
        margin-left: auto;
	    margin-right: auto;
		display: block;
		width: 1020px;
		position: relative;
	    max-width: 100%;
	}
		.part-slideD > p::after {
		    content: "";
		    display: block;
		    border-bottom: 1px solid #cecece;
		    width: 108px;
		    bottom: 0;
		    margin: 20px auto 0 auto;
		}

	.part-slideD .slideD-main{
		width: 1035px;
		margin: 0 auto;
	}
		.part-slideD .slide5itemD .owl-controls {
		    text-align: center;
		    margin: 0;
		    padding-bottom: 0;
		    display: block;
		    position: relative;
		    width: 100%;
		    bottom: 0px;
		    margin-top: 20px;
		}
			.part-slideD .slide5itemD .owl-controls .owl-page span {
				display: block;
				width: 8px;
				height: 8px;
				margin: 5px 4px;
				-webkit-box-sizing: content-box;
				-moz-box-sizing: content-box;
				box-sizing: content-box;
				background-color: #cdcdcd;
				border: 3px solid #cdcdcd;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
			}
				.part-slideD .slide5itemD .owl-controls .owl-page.active span{
					background-color: #222222;
				}
	.A-Explore{
	    margin: 30px auto;
	    display: table;
	    background: #5a4c9c;
	    padding: 6px 30px;
	    color: #fff !important;
	    border-radius: 30px;
	    font-weight: 400;
	    font-size: 0.94em;
	    text-transform: uppercase;
	}
	.A-Explore:hover{
		opacity: 0.8;
	}
		
	
/* --------------------------------------------------- Part Activities Promotion News--------------------------------------------------- */

.part-act-pro,
.part-news{
	background-color: #fff;
	padding: 10px 0 30px;
}
	.box-activities,
	.box-promotion,
	.box-news{
		border: 1px solid #cecece;
	}
	.box-news,
	.box-promotion{
		width: calc(50% - 6px);
	}
	.part-news.long_part .box-news,
	.part-news.long_part .box-promotion{
	    width: 100%;
	}
	.box-activities{
		width: 100%;
	}
		.box-activities .box-head, 
		.box-promotion .box-head,
		.box-news .box-head{
			border-bottom: 1px solid #cecece;
			margin: 0 10px;
			padding: 5px 0px 5px 10px;
		}
			.box-activities .title-head, 
			.box-promotion .title-head,
			.box-news .title-head {
				font-weight: 400;
				font-size: 1.56em;
				color: #666;
				text-transform: uppercase;
				float: left;
			}
		.box-activities .box-head .box-btn, 
		.box-promotion .box-head .box-btn,
		.box-news .box-head .box-btn{
			float: right;
			padding-top: 7px;
		}
	.box-activities .slide-activities,
	.box-news .slide-news {
		padding: 10px 10px 0;
	}
		.box-activities .slide-activities .box-item,
		.box-news .slide-news .box-item{
			width: 200px;
			margin: 0 auto;
		}
			.box-activities .slide-activities .box-item .text-title{
			}
			.box-activities .slide-activities .box-item .text-title h2,
			.box-news .slide-news .box-item .text-title h2{
			    line-height: 1.1;
		        height: 40px;
		        display: -webkit-box;
			    -webkit-line-clamp: 2;
			    -webkit-box-orient: vertical;
			    overflow: hidden;
			}
			html.AB-s1 .box-activities .slide-activities .box-item .text-title h2,
			html.AB-s1 .box-news .slide-news .box-item .text-title h2{
		        height: 45px;
			}
			html.AB-s1-2 .box-activities .slide-activities .box-item .text-title h2,
			html.AB-s1-2 .box-news .slide-news .box-item .text-title h2{
		        height: 53px;
			}
			html.AB-s1-3 .box-activities .slide-activities .box-item .text-title h2,
			html.AB-s1-3 .box-news .slide-news .box-item .text-title h2{
		        height: 60px;
			}
				.box-activities .box-day .day1, 
				.box-activities .box-day .day2{
					width: 55px;
					height: 55px;
				}
				.box-activities .box-day .day1>p .text-day, 
				.box-activities .box-day .day2>p .text-day{
					font-size: 1.56em;
					padding-top: 10px;
					line-height: 17px;
					display: block;
				}
				.box-activities .box-day .day1>p .text-month, 
				.box-activities .box-day .day2>p .text-month{
					font-size: 0.69em;
					line-height: inherit;
				}
			.box-activities .box-item .text-des{
			    margin-bottom: 20px;
			    line-height: 1.3;
			    height: 100px;
			    overflow: hidden;
			}
			html.AB-s1 .box-activities .box-item .text-des{
			    height: 120px;
			}
			html.AB-s1-2 .box-activities .box-item .text-des{
			    height: 139px;
			}
			html.AB-s1-3 .box-activities .box-item .text-des{
			    height: 158px;
			}
			.box-news .box-item .text-des{
			    margin-bottom: 15px;
			    line-height: 25px;
			    height: 119px;
			    overflow: hidden;
			}
	
	.box-promotion .slide-promotion {
		padding: 10px 10px 0;
	}
		.box-promotion .slide-promotion .box-item .text-title h2{
		    line-height: 20px;
	        height: 40px;
	        display: -webkit-box;
		    -webkit-line-clamp: 2;
		    -webkit-box-orient: vertical;
		    overflow: hidden;
		}
		.box-promotion .slide-promotion .box-item .text-des{
		    height: 100px;
		    overflow: hidden;
		    line-height: 25px;
	        margin-bottom: 19px;
		}
		.part-news.long_part .box-promotion .slide-promotion .box-item,
		.part-news.long_part .box-news .slide-news .box-item{
		    width: 25%;
		}


	.box-activities .box-arrow, 
	.box-promotion .box-arrow,
	.box-news .box-arrow{
		border-top: 1px solid #cecece;
		margin: 0 10px 10px;
		width: auto;
		padding-top: 5px;
	}

	.box-oldnews{
		width: 100%;
	    background-color: #f6f6f6;
	    color: #333333;
	}
	
@media only screen and (min-width: 1025px) {
	.part-webboard.part-hide.part-hide-oldnews {
		display: none;
	}
	.part-webboard.part-hide-oldnews .webboard-main .box-webboard ,
	.part-webboard.part-hide .part-oldnews ,
	.part-webboard.part-hide .part-oldnews .box-oldnews {
	    width: 100%;
	}
	.part-webboard.part-hide .part-oldnews .box-oldnews .box-text .text-des {
	    height: 175px;
	}
	.part-webboard.part-hide .part-oldnews .box-READ {
	    width: 50%;
	    float: right;
        margin-top: -60px;
        border-top: 10px solid #333;
	}
	.part-webboard.part-hide .part-oldnews .oldnews {
	    display: table;
	    width: 100%;
	}
	.part-webboard.part-hide .part-oldnews .box-oldnews .box-pic ,
	.part-webboard.part-hide .part-oldnews .box-oldnews .box-text {
	    width: 50%;
	    float: left;
	}
	.part-webboard.part-hide .box-oldnews .box-pic{
		min-height: 260px;
	}
	.part-webboard.part-hide .box-webboard {
	    display: none;
	}
}
	
.part-oldnews {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 30px;
}
.box-oldnews .oldnews {
    display: flex;
}
	.box-oldnews .box-pic{
	    width: 353px;
	    min-height: 228px;
		background: no-repeat center;
	    background-size: cover;
	}
		.box-oldnews .box-pic img{
			width: 100%;
			height: auto;
		}	
		.box-oldnews .box-pic .box-date{
			font-size: 1.56em;
			color: #fff;
			width: 100%;
			height: 100%;
			position: absolute;
			top:0px;
			left: 0px;
			background-color: rgba(0, 0, 0, 0.15);
		}
		.box-oldnews .box-pic .box-date p{
			position: absolute;
			bottom: 25px;
			left: 20px;
		}
			.box-oldnews .box-pic .box-date span{
				font-weight: 400;
				font-size: 125px;
				color: #00bfc5;
				line-height: 80px;
			}
			
	.box-oldnews .box-text{
		padding: 32px 15px 6px 41px;
	    width: calc(100% - 353px);
	}
		.box-oldnews .box-text .text-title{
			font-weight: 400;
		    font-size: 1.3em;
		    line-height: 33px;
		    margin-bottom: 20px;
		    color: #00bfc5;
		    height: 35px;
		    overflow: hidden;
		}
		.box-oldnews .box-text .text-des{
			line-height: 25px;
		    height: 200px;
		    margin-bottom: 16px;
			overflow-x: hidden;
		    overflow-y: auto;	
		}
		.box-oldnews .box-text hr{
		    display: block;
		    width: 75px;
		    height: 2px;
		    border: 0px;
		    border-bottom: 2px solid #dad8d3;
		    margin-left: 0px;
		    margin-bottom: 20px;
		}
				
	.box-oldnews .owl-controls{
		margin: 0 auto;
		padding: 0px;
		top: -10px;
	}
 	.part-oldnews .box-READ {
	    background: #f6f6f6;
	}
 	.part-oldnews .box-READ:before {
        content: "";
	    display: block;
	    width: calc(100% - 30px);
	    margin: 0px 15px;
	    padding-top: 4px;
	    border-top: 1px solid rgba(255, 255, 255, 0.32);
	}
		.part-oldnews .box-READ .box-btn {
		    padding: 8.2px 12px;
		}
 	.part-oldnews .box-arrow {
	 	position: absolute;
	    bottom: 0px;
	}
	 	.part-oldnews .box-arrow .box-btn-right {
		    padding: 0px 15px 8px 15px;
		}
		
	.part-oldnews-popup {
		
	}
		.part-oldnews-popup .closePopup {
			cursor: pointer;
	        width: 30px;
		    height: 30px;
		    position: absolute;
		    right: 0px;
		    top: -30px;
		    background: url(../images/icon-close.png);
		}			
		.part-oldnews-popup .box-oldnews {
			width: 100%;
		    margin-bottom: 5px;
		    padding: 25px;
		}
		.part-oldnews-popup {
			display: none;
		    position: fixed;
		    left: 50%;
		    top: calc(50% + 13px);
		    transform: translate(-50%,-50%);
		    width: 1100px;
	        max-width: 95%;
		    z-index: 1001;
		}
		.part-oldnews-popup.opan + .shadow-oldnews {
		display: none;
		    background: rgba(0, 0, 0, 0.7);
		    position: fixed;
		    top: 0px;
		    left: 0px;
		    width: 100%;
		    height: 100%;
		    z-index: 1000;
		}
		.part-oldnews-popup.opan ,
		.part-oldnews-popup.opan + .shadow-oldnews {
			display: block;
		}
		.part-oldnews-popup .box-arrow .box-number p {
		    font-size: 1.05em;
		}
		.part-oldnews-popup .box-arrow .box-number p.owlItems {
		    color: #fff;
	    }
		.part-oldnews-popup .box-oldnews .box-pic {
		    margin-right: 11px;
		    width: calc(46% - 11px);
		    padding-right: 13px;
		    padding-top: 0px;
		    overflow: hidden;
		}
			.part-oldnews-popup .box-oldnews .box-pic img {
			    width: auto;
			    height: 100%;
			    top: 50%;
			    left: 50%;
			    transform: translate(-50%,-50%);
			}
			
		.part-oldnews-popup .box-oldnews .box-pic ,
		.part-oldnews-popup .box-oldnews .box-text {
		    float: left;
		    max-height: 70vh;
		    height: 459px;
	
		}
			
		.part-oldnews-popup .box-oldnews .box-text {
		    width: 54%;
            padding-top: 0px;
		    padding-left: 13px;
		    padding-bottom: 0px;
		    overflow: auto;
		}
			.part-oldnews-popup .box-oldnews .box-text::-webkit-scrollbar-track{
				-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
				background-color: #000000;
			}
			
			.part-oldnews-popup .box-oldnews .box-text::-webkit-scrollbar{
				width: 6px;
				background-color: #000000;
			}
			
			.part-oldnews-popup .box-oldnews .box-text::-webkit-scrollbar-thumb{
				background-color: #cecece;
			}
			.part-oldnews-popup .box-oldnews .box-text .box-date{
				font-size: 1.56em;
			    margin-bottom: 20px;
			}
				.part-oldnews-popup .box-oldnews .box-text .box-date p:after{
					content: '';
					display: block;
					width: 75px;
					height: 2px;
					background-color: #dad8d3;
					position: absolute;
					bottom: -5px;
				}
				.part-oldnews-popup .box-oldnews .box-text .box-date span{
					font-weight: 400;
					font-size: 95px;
					line-height: 80px;
				}
				
			.part-oldnews-popup .box-oldnews .box-text .text-des {
		        overflow: inherit;
			    height: auto;
			}
		
		
.box-pic .imageThumb{
	width: 314px;
	height: 210px;
	background-image: url('../images/blank_cover.jpg');
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}

/* --------------------------------------------------- Part Webboard --------------------------------------------------- */

.part-webboard{

}
	.part-webboard .part-title{
		font-weight: 400;
		font-size: 1.56em;
		color: #000;
		text-transform: uppercase;
		text-align: center;
	    display: table;
		padding: 0px 10px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		padding-bottom: 5px;
		margin: 0 auto 30px;
	}
	.part-webboard .webboard-main{

	}
		.webboard-main .box-head {
			color: #000;
		    padding: 5px 0px 5px 10px;
		    margin: 0 10px;
			border-bottom: 1px solid #cecece;
		}
			.webboard-main .box-head .title-head {
				font-weight: 400;
				font-size: 1.56em;
				color: #000;
				text-transform: uppercase;
				float: left;
			}		
				.webboard-main .box-head  .box-btn {
					float: right;
					padding-top: 7px;
				}
				
		.webboard-main .box-webboard{
			float: left;
			width: 675px;
			border: 1px solid #cecece;
		    height: 620px;
		}
		.part-webboard.part-hide-oldnews .webboard-main .box-webboard {
		    height: auto !important;
		}
		.webboard-main .webboard{
			padding: 10px 0;
			overflow: hidden;
		    max-height: 290px;
		}
			.webboard-main .webboard.pin{
			    max-height: 411px;
			}	
				.webboard-main .webboard.pin .row:before{
					content: '';
					display: block;
					width: 14px;
					height: 19px;
					background: url(../images/icon-pinwb3.svg) no-repeat center center;
					position: absolute;
					left: 15px;
					top: 10px;
				}
				.webboard-main .webboard .row{
					padding: 10px 40px;
					border: none;
				}
					.webboard-main .webboard .row .title a{ 
						font-weight: 400;
						font-size: 0.94em;
						margin-bottom: 3px;
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
						-o-transition: all 0.3s ease;
						transition: all 0.3s ease;
						color: #000;
					    white-space: nowrap;
					    overflow: hidden;
					    text-overflow: ellipsis;
					}
						.webboard-main .webboard .row .title a:hover{ 
							color: #009ba0;
						}
					.webboard-main .webboard .row .des{ 
						margin-bottom: 13px;
						color: #696565;
						line-height: 21px;
						height: 44px;
					}
					
					.webboard .box-detail .box-display {
						float: left;
					}
						.webboard .box-detail .box-display>a{
							display: table;
							float: left;
						}
							.webboard  .box-display .display {
								width: 30px;
								height: 30px;
								display: block;
								background: no-repeat center center;
								-webkit-border-radius: 100px;
								-moz-border-radius: 100px;
								border-radius: 100px;
								overflow: hidden;
								z-index: 1;
								margin: 0 15px 0 0;
								background-size: 100% auto;
							}					
								.webboard .row .box-detail .name{
									float: left;
									line-height: 30px;
									padding-right: 20px;
									margin-right: 20px;
									border-right: 1px solid #808080;
									color: #696565;
								}
					.webboard .row .box-icon{
						text-transform: capitalize;
						display: table;
						float: left;
						line-height: 30px;
					}
						.webboard .row .box-icon>a{
							display: inline-block;
							color: #000;
							margin-right: 20px;
							cursor: text;
						}
						.webboard .row .box-icon>a.num-like-action{
							cursor: pointer;
						}
						.webboard .row .box-icon>a.num-comment-action{
							cursor: pointer;
						}
							.webboard .row .box-icon p.num-like:before{
								content: '';
								display: inline-block;
								vertical-align: sub;
								width: 15px;
								height: 15px;
								background: url(../images/icon-heart5.svg) no-repeat center center;
								background-size: 15px auto;
								-webkit-transition: all 0.3s ease;
								-moz-transition: all 0.3s ease;
								-o-transition: all 0.3s ease;
								transition: all 0.3s ease;
								margin-right: 5px;
							}
								.webboard .row .box-icon a.num-like-action p.num-like:hover:before,
								.webboard .row .box-icon p.num-like.active:before{
									background: url(../images/icon-heart3-act.svg) no-repeat center center;
								}
							.webboard .row .box-icon p.num-comment:before{
								content: '';
								display: inline-block;
								vertical-align: sub;
								width: 15px;
								height: 15px;
								background: url(../images/icon-comment3.svg) no-repeat center center;
								background-size: 15px auto;
								-webkit-transition: all 0.3s ease;
								-moz-transition: all 0.3s ease;
								-o-transition: all 0.3s ease;
								transition: all 0.3s ease;
								margin-right: 5px;
							}
								.webboard .row .box-icon a.num-like-action p.num-comment:hover:before,
								.webboard .row .box-icon p.num-comment.active:before{
									background: url(../images/icon-comment-act.svg) no-repeat center center;
								}
							.webboard .row .box-icon p.delete:before{
								content: '';
								display: inline-block;
								vertical-align: sub;
								width: 15px;
								height: 17px;
								background: url(../images/icon-bin.svg) no-repeat center center;
								background-size: auto 15px;
								-webkit-transition: all 0.3s ease;
								-moz-transition: all 0.3s ease;
								-o-transition: all 0.3s ease;
								transition: all 0.3s ease;
								margin-right: 5px;
							}
								.webboard .row .box-icon p.delete:hover:before,
								.webboard .row .box-icon p.delete.active:before{
									background: url(../images/icon-bin-act.svg) no-repeat center center;
								}
					
						.webboard-main .box-tag{
							float: right;
							width: 315px;
						}
							.webboard-main .tag{
								padding: 17px 0;
							    overflow: hidden;
							    max-height: 337px;
							}
							.webboard-main .tag .box-btn{
								/*display: table;*/
							}
							.webboard-main .tag .box-btn .btn{
								float: left;
								margin: 5px 2px 2px 5px;
								background-color: rgba(255, 255, 255, 0.05);
								color: #00bfc5;
								max-width: 312px;
							    display: block;
							    white-space: nowrap;
							    overflow: hidden;
							    text-overflow: ellipsis;
							}
								.webboard-main .tag:last-child .box-btn .btn{
									background-color: #00bfc5;
									color: #fff;
								}
								.webboard-main .tag:last-child .box-btn .btn:hover{
									/*background-color: #7f7f7f;*/
									opacity: 0.8;
								}




/* ปิด slide	 */

	.box-oldnews .box-text .text-des {
	    height: 222px;
	}
	.box-oldnews .box-text .text-des::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #000000;
	}
	
	.box-oldnews .box-text .text-des::-webkit-scrollbar {
		width: 6px;
		background-color: #000000;
	}
	
	.box-oldnews .box-text .text-des::-webkit-scrollbar-thumb {
		background-color: #cecece;
	}
	.box-promotion .slide-promotion .box-item,
	.box-news .slide-news .box-item{
	    width: 50%;
	    float: left;
	    padding: 0px 10px;
	}
	.box-activities .slide-activities .box-item{
	    width: 25%;
	    float: left;
	    padding: 0px 10px;
    }
	.box-activities .box-arrow, 
	.box-promotion .box-arrow,
	.box-news .box-arrow{
		display: none;
	}
	.part-oldnews .box-arrow {
	    display: none;
	}
	.box-tumbC {
    width: 33.33%;
    float: left;
    padding: 0px 2%;
    background-clip: content-box;
}

/* ปิด slide	 */

@media only screen and (max-width: 1024px) {
	
		.part-slideD .slide5itemD .owl-controls .owl-page span {
	    width: 6px;
	    height: 6px;
	    background-color: #c2c2c2;
	    border: 0px solid #c2c2c2;
	}
		.part-slideD .slide5itemD .owl-controls .owl-page.active span{
			background-color: #009ba0;
		}

}

/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	

	
/* --------------------------------------------------- Part Slide Herobanner  --------------------------------------------------- */
	
	.slide-herobanner .slide-item {
	    height: 410px;
	}
	.slide-herobanner .slide-item .box-text .text-title{
		height: 35px;
		line-height: 35px;
		overflow: hidden;
		margin-bottom: 5px;
	}
			.slide-herobanner .slide-item .box-text .text-title a{
				white-space: nowrap;
				text-overflow: ellipsis;
				width: auto;
				overflow: hidden;
			}
	.slide-herobanner .slide-item .box-text .text-des{
		height: 50px;
		line-height: 25px;
		overflow: hidden;
/* 		display: none; */
	}
		.part-herobanner .box-arrow.big .btn-arrow{
/* 			top: -172px; */
			display: none;
		}
/*
		.part-herobanner .box-arrow.big .btn-arrow.left{
			 left: 0px;
		}
		.part-herobanner .box-arrow.big .btn-arrow.right{
			right: 0px;
		}
*/
	
/* --------------------------------------------------- Part SlideC--------------------------------------------------- */
	.slide-herobanner .slide-item {
	    overflow: hidden;
	}
	.part-slideC .slideC-main{
		width: 768px;
		margin: 0 auto;
	}
			.slide-herobanner .slide-item .box-pic{
				width: auto !important;
			    position: relative;
			    left: 50%;
			    transform: translateX(-50%);
			}
			.slide-herobanner .slide-item .box-pic ,
			.slide-herobanner .slide-item {
			    height: 40vw;
			}
/*			@media screen and (orientation:landscape){
				.slide-herobanner .slide-item .box-pic ,
				.slide-herobanner .slide-item {
				    height: 410px;
				}
			}
*/
	
/* --------------------------------------------------- Part HIGHLIGHT TRIP --------------------------------------------------- */

.part-highlight-trip .box-highlight {
    width: 760px;
    margin: 0 auto;
}

/* --------------------------------------------------- Part SlideD--------------------------------------------------- */

	.part-slideD .slideD-main{
		width: 760px;
		margin: 0 auto;
	}



/* --------------------------------------------------- Part Activities Promotion News--------------------------------------------------- */

	.box-activities, .box-news{
		width: 360px;
	}
		.box-promotion{
			width: 360px;
		}
			.box-promotion .slide-promotion .box-item .box-pic{
				height: 218px;
			}
		.part-act-pro, .part-news{
			padding: 10px 0;
		}
		
			.box-activities .slide-activities .box-item, 
			.box-news .slide-news .box-item{
				width: 100%;
			}
			.box-activities .slide-activities .box-item .box-pic, 
			.box-news .slide-news .box-item .box-pic{
				height: 222px;
			}
			.box-activities .box-item .text-des, 
			.box-news .box-item .text-des{
/* 				margin-bottom: 24px; */
			    margin-bottom: 2px;
			}
	
	.box-oldnews{
		width: 360px;
/* 		height: 557px; */
	}
		.box-oldnews .box-pic{
			height: 248px;
		}
		.box-oldnews .box-text {
/* 			height: 280px; */
		}
		.box-oldnews .box-text .text-des {
			height: 254px;
		}
				
	.box-promotion .slide-promotion .box-item .text-des{
		min-height: 101px;
	}

/* --------------------------------------------------- Part Webboard --------------------------------------------------- */

	.webboard-main .box-webboard {
		float: none;
		width: 100%;
	    margin-bottom: 20px;
	    height: auto;
	}
	.webboard-main .box-tag {
		float: none;
		width: 100%;
	}
	.webboard-main .tag .box-btn {
	    max-height: 67px;
	    display: block;
	    overflow: hidden;
	}


	/* ปิด slide	 */
		.box-oldnews .box-text .text-title {
		    margin-bottom: 0px;
	    }
		.box-oldnews .box-text .text-des {
		    height: 240px;
		}
		.part-oldnews .box-READ {
		    width: 100%;
		    float: right;
	        margin-top: -60px;
            border-top: 10px solid #333;
		}
		.box-activities .slide-activities .box-item, 
		.box-news .slide-news .box-item{
			display: none;
		}
		.box-activities, .box-news,.box-promotion,.box-oldnews,.oldnews,.part-oldnews {
		    width: 100%;
		}
		.box-activities .slide-activities .box-item:nth-child(1),
		.box-activities .slide-activities .box-item:nth-child(2),
		.slide-promotion.slide1item .box-item:nth-child(1),
		.slide-promotion.slide1item .box-item:nth-child(2),
		.box-news .slide-news .box-item:nth-child(1) ,
		.box-news .slide-news .box-item:nth-child(2) {
		    display: block;
	        width: 50%;
	        float: left;
		}
		.box-promotion, .box-news {
		    margin-bottom: 20px;
		}
		.slide1item {
		    display: block;
		}
		.oldnews {
		    display: table;
		}
		.box-oldnews .box-pic {
		    padding-top: 7px;
	    }
		.box-oldnews .box-pic ,.box-oldnews .box-text {
		    width: 50%;
		    float: left;
		}
	/* ปิด slide	 */


}



/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (max-width: 767px) {
	


/* --------------------------------------------------- Part Slide Hilight  --------------------------------------------------- */

	.slide-herobanner .slide-item{
		height: 280px;
	}
		.slide-herobanner .slide-item .box-text{
			padding: 10px 50px 10px 10px;
			    height: 122px;
		}
			.slide-herobanner .slide-item .box-text .text-title{
				height: 35px;
				line-height: 35px;
				overflow: hidden;
			}
			.slide-herobanner .slide-item .box-text .text-title a{
				white-space: nowrap;
				text-overflow: ellipsis;
				width: auto;
				overflow: hidden;
			}
			.slide-herobanner .slide-item .box-text .text-des{
				height: 50px;
				line-height: 25px;
				overflow: hidden;
		/* 		display: none; */
			}
				.slide-herobanner .slide-item .box-text .box-icon div{
					width: 40px;
					height: 40px;
				}
		.slide-herobanner .slide-item iframe,
		.slide-herobanner .slide-item ,
		.slide-herobanner .slide-item .box-pic {
		    height: 100vw !important;
		}
		@media screen and (orientation:landscape){
  		.slide-herobanner .slide-item iframe,
			.slide-herobanner .slide-item ,
			.slide-herobanner .slide-item .box-pic {
			    height: 38vw !important;
			}
		}
		
	.slide-herobanner .owl-controls{
		margin: 0 auto;
		padding: 5px 5px 3px;
		display: block;
		background-color: #7f7f7f;
	}
/* --------------------------------------------------- Part HIGHLIGHT TRIP --------------------------------------------------- */

	.part-highlight-trip .box-highlight {
	    width: 95%;
	    margin: 0 auto;
	}
	.part-highlight-trip > p {
	    width: 95%;
	}
	@media screen and (orientation:portrait){
		.part-highlight-trip .box-highlight {
		    display: block;
		}
		.part-highlight-trip .box-highlight .box-item {
		    width: 100%;
		    float: none;
	        padding: 15px;
		}
		.part-highlight-trip {
		    background-size: 282% auto;
	    }
	    .part-highlight-trip a.Read-more {
		    position: initial;
		    margin: auto;
		}
	}

/* --------------------------------------------------- Part SlideC--------------------------------------------------- */

	.part-slideC{
		padding-bottom: 20px;
	}
	.part-slideC .slideC-main{
		width: 100%;
		margin: 0 auto;
	}

/* --------------------------------------------------- Part SlideD--------------------------------------------------- */

	.part-slideD{
		padding-bottom: 20px;
	}
	.part-slideD .slideD-main{
		width: 95%;
		margin: 0 auto;
	}
	.part-slideD > p {
	    width: 95%;
	}

/* --------------------------------------------------- Part Activities Promotion News--------------------------------------------------- */

	.box-activities, .box-news{
		width: 95% !important;
		margin: 0 auto;
	}
		.box-promotion{
			width: 95% !important;
			margin: 0 auto;
			margin: 0 auto 20px;
		}
			.box-promotion .slide-promotion .box-item .box-pic{
				height: auto;
			}
		.part-act-pro, .part-news{
			padding: 10px 0;
		}
		
			.box-promotion .slide-promotion .box-item, 
			.box-activities .slide-activities .box-item, 
			.box-news .slide-news .box-item{
				width: 100% !important;
			}
			.box-activities .slide-activities .box-item .box-pic, 
			.box-news .slide-news .box-item .box-pic{
				height: auto;
			}
	
.box-oldnews .oldnews {
	display: block;
}
	.box-oldnews{
		width: 95%;
		margin: 0 auto;
		height: auto;
	}
		.box-oldnews .box-pic{
			height: auto;
			min-height: 224px;
			width: 100%;
		}
		.box-oldnews .box-text{
		    border-bottom: 20px solid #f6f6f6;
		    width: 100%;
		    padding: 20px;
		}
		.box-oldnews .box-text .text-des {
		    margin-bottom: 0px;
		}
		
	.part-oldnews .box-READ ,
	.part-oldnews .box-arrow {
        background: #333;
	    position: inherit;
	    width: 95%;
	    margin: auto;
	}
		.part-oldnews .box-arrow .box-number p.owlItems {
		    color: #fff;
		}
/* --------------------------------------------------- Part Webboard --------------------------------------------------- */

	.webboard-main .box-webboard {
		float: none;
		width: 95%;
		margin: 0 auto;
	    height: auto;
	    margin-bottom: 20px;
	}
	.webboard-main .tag .box-btn {
	    max-height: 128px;
	    display: block;
	    overflow: hidden;
	}
	.webboard-main .box-tag {
		float: none;
		width: 95%;
		margin: 0 auto;
	}
		.webboard-main .webboard .row {
			padding: 10px 0px 10px 40px;
		}
			.webboard-main .webboard.pin {
			    max-height: none;
			}
			.webboard-main .webboard {
			    max-height: none;
			}
			.webboard-main .webboard .row .des {
			    height: auto;
			}
			.webboard .row .box-detail .name {
				float: none;
				width: 100%;
				padding-right: 0px;
				margin-right: 0px;
				border-right: none;
				margin-bottom: 5px;
			}
			.webboard .box-detail .box-display {
				float: none;
				margin-bottom: 10px;
			}			
			.webboard .row .box-icon{
				float: none;
			}
			
	.part-oldnews .box-READ:before {
		display: none;
	}
			
	/* ปิด slide	 */
	
		.box-promotion .box-item .text-des, 
		.box-activities .box-item .text-des, 
		.box-news .box-item .text-des{
		    height: auto !important;
	        max-height: 200px;
		}
		.box-promotion .slide-promotion .box-item, 
		.box-activities .slide-activities .box-item, 
		.box-news .slide-news .box-item{
			display: none;
		    float: none;
		}
		.box-activities .slide-activities .box-item:nth-child(1),
		.box-activities .slide-activities .box-item:nth-child(2),
		.slide-promotion.slide1item .box-item:nth-child(1),
		.slide-promotion.slide1item .box-item:nth-child(2),
		.box-news .slide-news .box-item:nth-child(1) ,
		.box-news .slide-news .box-item:nth-child(2) {
		    display: block;
		}
		.box-tumbD {
		    width: 100% !important;
		    padding: 5px 5px;
	    }
		.box-news .slide-news .box-item{
		    float: none;
		}
		.slide1item {
		    display: block;
		}
		
	/* ปิด slide	 */
			

}