/*--------------copyright by alva start-------------------------------*/
* {
    padding: 0px;
    margin: 0px;
}

ul {
    margin-bottom: 0px;
	list-style:none;
}

body {
    font-family:Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";
    position: relative;
    font-size: 15px;
	line-height:30px;
	letter-spacing:1px;
	color: rgba(51,51,51,1);
	background:#f1f1f1;
}

a {
    display: block;
	color:#333;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
td {
	vertical-align:top;
}


/****************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*gotop*/
#gotop {
	position: relative;
	text-align:center;
	cursor:pointer;
	z-index:3;
	margin:0 auto;
	position:absolute;
	bottom:0;
	left: 50%;
    transform: translateX(-50%);
}
	@media screen and (max-width:500px) {
		#gotop {
			width:35%;
		}
		#gotop img {
			width:100%;
			vertical-align:bottom
		}
	}
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*----navbar area-------------------------------------------------------------------------------------------------------------------*/
.navbar {
	background:#fff;
	margin:0;
	padding:0% 12%;
	box-shadow:0px 0px 10px rgba(0,0,0,.3);
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	min-height:inherit;
	z-index:20;
	border-radius:0px;
	border:0px;
}
	/*logo*/
	.logo {
		display:inline-block;
		text-align:center;
		width:25%;
		vertical-align:middle;
	}
	/*ibuttons*/
	.ibuttons {
		display:inline-block;
		text-align:right;
		width:70%;
		vertical-align:middle;
	}
		/*mibutton*/
		.mibutton {
			position: fixed;
			top: 6px;
			right:10px;
			width: 50px;
			height: 40px;
			padding: 0 10px;
			border-radius: 7px;
			font-size: 12px;
			z-index: 10;
			cursor: pointer;
			display: none;
			border-radius: 2px 0px 2px 2px;
		}
			.mibutton span {
				display: inline-block;
				width: 30px;
				height: 2px;
				background: #000;
				transition: .3s ease all;
				position: absolute;
				left: 11px;
				-webkit-filter:drop-shadow(2px 2px 1px rgb(243, 177, 0,.5));
				filter: drop-shadow(2px 2px 1px rgb(243, 177, 0,.5));
			}
			.mibutton span:nth-child(1) {
				top: 10px;
			}
			.mibutton span:nth-child(2) {
				top: 19px;
			}
			.mibutton span:nth-child(3) {
				top: 28px;
			}
		/*close*/
		.close {
			display:none;
		}
		.ibuttons ul {
			font-size:0;
		}
			.ibuttons li {
				display:inline-block;
				text-align:center;
				vertical-align:top;
				position: relative;
				width: 11%;
				border-left: solid 1px #a2a2a2;
				padding: 0% 1% 1% 1%;
				overflow:hidden;
				overflow:hidden;
			}
			.ibuttons li img {
				padding: 12% 0 20% 0;;
				transition:.3s ease all;
			}
			h1 {
				color:#777777;
				font-size:18px;
				margin:0;
				line-height:23px;
				transition:.3s ease all;
			}
			h2 {
				color:#777777;
				font-size:17px;
				margin:0;
				position:absolute;
				bottom:-35px;
				left:0%;
				width:100%;
				opacity:0;
				transition:.3s ease all;
			}
				.ibuttons li span {
					font-size: 14px;
					letter-spacing:2px;
				}
				.ibuttons li:hover h1 {
					transform: translateY(-8px);
					opacity:0;
				}
				.ibuttons li:hover h2 {
					bottom:16%;
					opacity:1;
				}
				.ibuttons li:hover img {
					transform:scale(1.1);
					-webkit-filter:drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.2));
					filter:drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.2));
				}
				@media screen and (max-width:1700px) {
					.ibuttons li {
						width:12%;
					}
				}
				@media screen and (max-width:1525px) {
					.navbar {
						padding:0 8%;
					}
				}
				@media screen and (max-width:1400px) {
					.ibuttons {
						width:74%;
					}
				}
				@media screen and (max-width:1310px) {
					.mibutton {
						display:block;
					}
					.ibuttons {
						position:fixed;
						height:100vh;
						width:100%;
						top:0;
						right:0;
						background:rgba(255,255,255,.9);
						text-align:left;
						visibility: hidden;
						opacity: 0;
						-webkit-transform: scale(0.9);
						transform: scale(0.9);
						-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
						transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
					}
						.ibuttons ul {
							width: 75%;
							margin: 0 auto;
							padding:18vh 0;
							opacity:0;
							-webkit-transition: opacity 0.3s 0.5s;
							transition: opacity 0.3s 0.5s;
							display: flex;
							justify-content:center;
							flex-wrap: wrap;
						}
							.ibuttonshow ul {
								opacity: 1;
								-webkit-transition-delay: 0.5s;
								transition-delay: 0.5s;
							}
						.close {
							opacity:0;
							-webkit-transition: opacity 0.3s 0.5s;
							transition: opacity 0.3s 0.5s;
						}
							.ibuttonshow .close {
								opacity: 1;
								-webkit-transition-delay: 0.5s;
								transition-delay: 0.5s;
							}
						.ibuttons li {
							width:25%;
							border:none;
							padding:0 0 3% 0;						
						}
							.ibuttons li:nth-of-type(5) h1 span,.ibuttons li:nth-of-type(6) h1 span,.ibuttons li:nth-of-type(7) h1 span {
								display:none;
							}
						.ibuttons li span {
							background: #efefef;
							padding: 2% 5%;
							display: inline-block;
						}
						.close {
							display:block;
							display: block;
							opacity: 1;
							padding: 1% 2%;
							font-size: 30px;
							color: #919191;
							font-weight: normal;
						}
						h1 {
							color:#393939;
						}
						h2 {
							position: relative;
							opacity:1;
							bottom:0;
							padding:2% 0;
							color: #a4a4a4;
							font-size: 16px;
							letter-spacing:2px;
						}
							.ibuttons li:hover h1 {
								transform: translateY(0px);
								opacity:1;
							}
							.ibuttons li:hover h2 {
								position: relative;
								opacity:1;
							}
					.ibuttonshow {
						visibility: visible;
						opacity: 1;
						-webkit-transform: scale(1);
						transform: scale(1);
						-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
						transition: transform 0.4s, opacity 0.4s;
						z-index:99;
						background-image: linear-gradient(to top, hsla(39, 45%, 91%, 0.5) 0%, white 100%);
					}
					.logo {
						padding:2% 0;
					}
					.ibuttons li img {
						padding: 16% 0 10% 0;
						-webkit-filter:drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3));
						filter:drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.3));
					}
				}
				@media screen and (max-width:700px) {
					.logo {
						width: 100%;
						text-align: left;
					}
						.logo img {
							width:50%;
						}
				}
				@media screen and (max-width:550px) {
					.logo img {
						width:55%;
					}
					.mibutton {
						top:3px;
						right:4px;
					}
				}
				@media screen and (max-width:450px) {
					.logo img {
						width:62%;
					}
					.mibutton {
						top:3px;
						right:4px;
					}
					.ibuttons ul {
						width:90%;
					}
					.close {
						padding:1% 3%;
					}
				}
				@media screen and (max-width:400px) {
					.logo {
						padding:3% 0;
					}
					.logo img {
						width:70%;
					}
					h1 {
						font-size:14px;
					}
					h2 {
						font-size:12px;
					}
					.ibuttons li {
						padding:2%;
					}
					.ibuttons li img {
						padding: 16% 0 20% 0;
					}
					.mibutton {
						top: 1px;
						right: 4px;
					}
				}
/*---wrapper----------------------------------------------------------------------------------------------------------------------------------*/
#wrapper {
	background:#fff;
	width:1420px;
	margin:0 auto;
	text-align:center;
	padding:5% 0 6% 0;
	background:url(../../images/line_bg.png) top center no-repeat,#fff;
	background-size:auto;
	position:relative;
}
	#wrapper:after {
		content:'';
		position:absolute;
		top:0;
		left:0;
		height:1880px;
		width:50%;
		background:rgba(191, 188, 188, 0.6);
		z-index:0;
	}
	#wrapper:before {
		content:'';
		position:absolute;
		bottom:940px;
		right:0;
		width:50%;
		height:1105px;
		background:rgba(191, 188, 188, 0.6);
		z-index:0;
	}
	.season-block {
		position:relative;
		margin-bottom:2em;
	}
		.season-block:nth-of-type(-):before,.season-block:nth-of-type(-):before {
			content:'';
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:9;
			background:rgba(242,153,190,.9);
		}
		.season-block:nth-of-type(-):before {
			background:rgba(146,227,230,.9);
		}
		.season-block:nth-of-type(-):after,.season-block:nth-of-type(-):after {
			content:'';
			position:absolute;
			top:50%;
			left:50%;
			transform:translate(-50%,-50%);
			width: 97%;
			height: 97%;
			z-index: 9;
			border: solid 1px #fff;
			background:url(../../images/comson_spring.png) center center no-repeat;
			background-size:23%;
		}
		.season-block:nth-of-type(-):after {
			background:url(../../images/comson_summer.png) center center no-repeat;
		}
		/****/
		.season-block:nth-of-type(-):before,.season-block:nth-of-type(-):after {
			display:none !important;
		}
		@media screen and (max-width:900px) {
			.season-block:nth-of-type(-):after,.season-block:nth-of-type(-):after {
				background-size:37%;
				height:99%;
			}
		}
		@media screen and (max-width:500px) {
			.season-block:nth-of-type(-):after,.season-block:nth-of-type(-):after {
				background-size:58%;
			}
		}
	/*left*/
	.left {
		width:50%;
		float:left;
		text-align:right;
		padding:0 0 0 5%;
		z-index:8;
		position:relative;
	}
		/*theme*/
		.theme {
			position:relative;
			width:95%;
			cursor:pointer;
			box-shadow:0px 0px 10px rgba(0,0,0,.3);
			transition:.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
			text-align:left;
			margin-top:20px;
		}
			/*theme_title*/
			.theme_title {
				position: relative;
				padding: 0 0 7% 10%;
				text-align:left;
			}
				.theme_title img {
					transition:.3s ease;
				}
					.theme:hover .theme_title img {
						webkit-filter: drop-shadow(0px 0px 3px rgba(255, 255,255, 1));
						filter: drop-shadow(0px 0px 3px rgba(255, 255,255, 1));
					}
			/*vmore*/
			.vmore {
				color: #fff;
				background: rgba(0,0,0,.6);
				padding: 4% 2%;
				position: absolute;
				bottom: 15%;
				right: -32px;
				width: 30%;
				text-align: center;
				box-shadow:0px 0px 10px rgba(0,0,0,.3);
				transition:.2s ease-in;
			}
				.vmore:after {
					position:absolute;
					content:'';
					top:50%;
					left:20%;
					width:0%;
					height:1px;
					background:#fff;
					transition:.2s ease-in-out;
				}
				.fa-chevron-right {
					padding-left:6%;
					animation:vmove .7s alternate infinite;
					color:#fff;
					vertical-align: middle;
				}
				@keyframes vmove {
					0% {
						transform:translateX(10px);
					}
					100% {
						transform:translateX(0px);
					}
				}
		.theme1 {
			background:url(../../images/theme_bg1.png) top center no-repeat;
			background-size:120%;
		}
		.theme2 {
			background:url(../../images/theme_bg2.png) top center no-repeat;
			background-size:120%;
			margin:5% 0 0 0;
		}
		.theme3 {
			background:url(../../images/theme_bg3.png) top center no-repeat;
			background-size:120%;
		}
		.theme4 {
			background:url(../../images/theme_bg4.png) top center no-repeat;
			background-size:120%;
		}
			/*hover*/
			.theme:hover {
				background-size:107%;
			}
			.theme:hover .vmore {
				box-shadow: 0px 0px 20px rgb(255, 255, 255,.7);
				border-radius:15px;
			}
			.theme:hover .vmore:after {
				width:50%;
			}
			.theme:hover .vmore img {
				animation:vmove .5s alternate infinite;
			}
			/*imgflash*/
			@keyframes imgflash {
				0% {
					opacity:.4;
				}
				100% {
					opacity:1;
				}
			}
		/*title*/
		.title {
			padding:15% 0 5% 0;
		}
			.title img {
			}
		.title1 {
		}
		/*season***legal*/
		.season,.legal {
			text-align:center;
			width:100%;
			box-shadow:0px 0px 10px rgba(0,0,0,.3);
			position:relative;
			overflow:hidden;
		}
			.season a:after,.legal a:after {
				content:'';
				position: absolute;
				top:0;
				left:0;
				right:0;
				bottom:0;
				width:100%;
				height:100%;
				opacity:0;
				background: linear-gradient(208deg, #eea2a2, #bbc1bf, #57c6e1, #b49fda, #7ac5d8);
				background-size: 1000% 1000%;
				animation: bgmove 3s ease infinite;
				transition:.3s linear;
			}
			.legal a:after {
				background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
			}
			.season_title,.legal_title {
				padding:30% 0 0 0;
				z-index:3;
				position:relative;
			}
				.season_title img,.legal_title img {
					transition:.2s ease-in-out;
					margin:0 auto;
				}
		.season1 {
			background:url(../../images/season_bg1.png) top center no-repeat;
			background-size:cover;
		}
		.season2 {
			background:url(../../images/season_bg2.png) top center no-repeat;
			background-size:cover;
		}
		.season3 {
			background:url(../../images/season_bg3.png) top center no-repeat;
			background-size:cover;
		}
		.season4 {
			background:url(../../images/season_bg4.png) top center no-repeat;
			background-size:cover;
		}
			/*hover*/
			.season:hover .season_title img,.legal:hover .legal_title img {
				animation:spark .6s ease-in-out;
				webkit-filter: drop-shadow(0px 0px 3px rgba(255, 255,255, 1));
					filter: drop-shadow(0px 0px 3px rgba(255, 255,255, 1));
			}
			.season a:hover:after,.legal a:hover:after {
				opacity:.3;
			}
			@keyframes bgmove { 
				0%{background-position:0% 50%}
				50%{background-position:100% 50%}
				100%{background-position:0% 50%}
			}
			@keyframes spark {
				0% {
					webkit-filter: drop-shadow(0px 0px 20px rgba(255, 255,255, 0));
					filter: drop-shadow(0px 0px 20px rgba(255, 255,255, 0));
				}
				100% {
					webkit-filter: drop-shadow(0px 0px 3px rgba(255, 255,255, 1));
					filter: drop-shadow(0px 0px 3px rgba(255, 255,255, 1));
				}
			}
	/*right*/
	.right {
		width:50%;
		text-align:left;
		display:inline-block;
		padding:0 4% 0 2%;
		position:relative;
		z-index:5;
	}
		/*package*/
		.package {
			position:relative;
			text-align:center;
			transition:.5s ease-in-out;
		}
		.package1 {
			background:url(../../images/package_bg1.png) top center no-repeat;
			background-size:cover;
		}
		.package2 {
			background:url(../../images/package_bg2.png) top center no-repeat;
			background-size:cover;
		}
		.package3 {
			background:url(../../images/package_bg3.png) top center no-repeat;
			background-size:cover;
		}
		.package4 {
			background:url(../../images/package_bg4.png) top center no-repeat;
			background-size:cover;
		}
			.package_title {
				padding:26% 0;
			}
				.package_title img {
					transition:.3s ease-in-out;
					transform:scale(1);
				}
				/*hover*/
				.package:hover .package_title img {
					webkit-filter: drop-shadow(0px 0px 3px rgba(255, 255,255, 1));
					filter: drop-shadow(0px 0px 3px rgba(255, 255,255, 1));
					transform:scale(.9);
				}
		/*theme-sub*/
		.theme-sub {
		}
			.theme-sub ul {
				display: flex;
				justify-content: space-between;
			}
				.theme-sub li {
					width:48%;
					padding:2%;
					vertical-align:top;
					text-align:center;
					margin:2% 0;
					min-height:300px;
				}
					.theme-sub a {
						position:relative;
						box-shadow:0px 0px 5px rgba(0,0,0,.5);
						color:#fff;
						padding:8%;
						border:0;
						height:100%;
						box-sizing: border-box;
						transition: color 0.25s;
						box-shadow: inset 0 0 0 2px rgba(255,255,255,.5);
						line-height:20px;
					}
						.theme-sub a:before,.theme-sub a:after {
						  box-sizing: inherit;
						  content: '';
						  position: absolute;
						  width: 100%;
						  height: 100%;
						  border: 2px solid transparent;
						  width: 0;
						  height: 0;
						}
						.theme-sub a:before {
						  top: 0;
						  left: 0;
						}
						.theme-sub a:after {
						  bottom: 0;
						  right: 0;
						}
						.theme-sub b {
							font-size: 15px;
							display: block;
							padding: 3% 0 1%;
							font-weight: normal;
							line-height:20px;
						}
						.theme-sub span {
							font-size:22px;
							display:block;
							letter-spacing:3px;
							line-height:1.3;
						}
						.theme-sub img {
							padding-top:5em;
							position:relative;
							z-index:2;
						}
						.theme-sub1 {
							background:url(../../images/sub_bg1-1.png) top center no-repeat;
							background-size:cover;
						}
						.theme-sub2 {
							background:url(../../images/sub_bg1-2.png) top center no-repeat;
							background-size:cover;
						}
						.theme-sub3 {
							background:url(../../images/sub_bg2-1.png) top center no-repeat;
							background-size:cover;
						}
						.theme-sub4 {
							background:url(../../images/sub_bg2-2.png) top center no-repeat;
							background-size:cover;
						}
						.theme-sub5 {
							background:url(../../images/sub_bg3-1.png) top center no-repeat;
							background-size:cover;
						}
						.theme-sub6 {
							background:url(../../images/sub_bg3-2.png) top center no-repeat;
							background-size:cover;
						}
						.theme-sub7 {
							background:url(../../images/sub_bg4-1.png) top center no-repeat;
							background-size:cover;
						}
						.theme-sub8 {
							background:url(../../images/sub_bg4-2.png) top center no-repeat;
							background-size:cover;
						}
						/*hover*/
						.theme-sub a:hover img {
							animation:imgflash 1s;
						}
						.theme-sub a:hover {
							text-shadow: 0px 0px 3px rgba(255,255,255,1);
						}
						.theme-sub a:hover:before, .theme-sub a:hover:after {
						  width: 100%;
						  height: 100%;
						}
						.theme-sub a:hover:before {
						  border-top-color: #fff;
						  border-right-color: #fff;
						  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
						}
						.theme-sub a:hover:after {
						  border-bottom-color: #fff;
						  border-left-color: #fff;
						  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
						}
/*---ihot-------------------------------------------------------------------------------------------------------------------------------*/
#ihot {
	padding: 4% 0 0;
}
	.ihot_title {
		margin-bottom:2%;
	}
		.ihot_title img {
			max-width:100%;
		}
	.ihot,.ihot_sce {
		transition:.2s linear;
		text-align:center;
	}
	.ihot b {
		display:block;
		text-align:center;
		line-height:20px;
		padding-top:4%;
	}
	.ihot_sce img {
		transition:.2s linear;
	}
	.ihot_sce a:hover img,.ihot a:hover img {
		-webkit-filter: drop-shadow(0px 3px 5px #33333380);
		filter: drop-shadow(0px 3px 5px #33333380);
	}
	.ihot_sce:hover a,.ihot:hover a {
		color:#000;
	}
.ihot_sce .col-md-3.col-sm-4.col-xs-6 {
	/*width:100% !important;*/
}
.ihot_sce p {
	display:block;
	text-align:center;
	line-height:20px;
	padding-top:4%;
}
	@media screen and (max-width: 995px) {
		#ihot {
			padding: 5% 0 0;
		}
		.ihot_title {
			margin-bottom:3%;
		}
	}
	@media screen and (max-width: 830px) {
		.slick-prev {
			left: -4%;
		}
		.slick-next {
			right: -4%;
		}
	}
	@media screen and (max-width: 425px) {
		#ihot {
			padding: 8% 0 3%;
		}
		.ihot_title {
			margin-bottom: 5%;
		}
		.slick-prev, .slick-next {
			background-size:45%;
		}
	}
	@media screen and (max-width: 375px) {
		.slick-prev {
			left: -5%;
		}
		.slick-next {
			right: -5%;
		}
		.slick-initialized .slick-slide {
			padding:0;
		}
		.slick-prev, .slick-next {
			background-size:33%;
		}
	}
/***********************************************************************************************************************************************/
	@media screen and (max-width:1530px) {
		#wrapper {
			width:90%;
			padding: 6% 0;
			background-size:contain;
		}
		.theme {
			height:inherit;
			text-align:left;
		}
		.service_title {
			position: relative;
			bottom: 0;
			left: 0;
			padding: 26% 0 0 0;
		}
		.ad1,.ad2,.ad3,.ad4,.ad5,.ad6 {
			background-size:cover;
		}
		.theme:hover {
			background-size:cover;
		}
		.title img {
			width: 100%;
		}
		.right {
			height:auto;
			overflow: visible;
		}
		.left {
			padding: 0 0 14px 5%;
		}
	}
	@media screen and (max-width:1400px) {
		.service_title img {
			width: 72%;
		}
	}
	@media screen and (max-width:1200px) {
		#wrapper {
			padding:7% 0;
		}
		.service_title {
			padding:27% 0 0 0;
		}
		.vmore {
			right:-24px;
		}
		.vmore img {
			width:15%;
		}
		.service_title img {
			width: 68%;
		}
		.season_title img {
			width:70%;
		}
		.theme-sub li {
			min-height:auto;
		}
		.theme-sub img {
			padding-top:3em;
			width:25%;
		}
		.theme-sub b {
			padding:4% 0 0;
		}
		.package_title img {
			width:50%;
		}
		.theme {
			background-size:cover;
		}
			.theme_title {
				padding: 0 0 9% 10%;
			}
				.theme_title img {
					width:55%;
				}
		.ihot_title {
			margin-bottom: 6%;
		}
	}
	@media screen and (max-width:1050px) {
		.t_left {
			padding:0 0 0 3%;
		}
		.t_right {
			padding:0 3% 0 2%;
		}
		.service_title img {
			width: 62%;
		}
		.vmore {
			width:35%;
		}
		.service_title {
			padding: 30% 0 0 0;
		}
		.theme-sub span {
			font-size:18px;
		}
	}
	@media screen and (max-width:900px) {
		#wrapper {
			width:75%;
			padding: 8% 0;
			background-size:100%;
		}
		#wrapper:after {
			width:100%;
			height:22%;
		}
		#wrapper:before {
			width:100%;
			height:20%;
		}
		.left {
			float:none;
			width:100%;
			padding: 0 4% 0 3%;
		}
		.right {
			width:100%;
			padding: 5% 3% 0px 3%;
		}
		.season_title img {
			width:60%;
		}
		.theme_title img {
			width: 50%;
		}
		.package_title {
			padding: 24% 0;
		}
		.package_title img {
			width: 45%;
		}
		.theme-sub ul {
			text-align: center;
		}
	}
	@media screen and (max-width:700px) {
		#wrapper {
			width: 85%;
		}
		.logo {
			padding: 3% 0;
		}
		.logo img {
			width: 64%;
		}
	}
	@media screen and (max-width:500px) {
		#wrapper {
			width:90%;
		}
		.vmore {
			font-size:12px;
		}
		.ibuttons ul {
			width:93%;
		}
		.logo img {
			width: 72%;
		}
		.season_title img {
			width: 80%;
		}
		.package_title {
			padding: 26% 0;
		}
		.package_title img {
			width: 55%;
		}
		.fa-chevron-right {
			font-size:15px;
		}
		.theme_title img {
			width: 55%;
		}
		h1 {
			font-size:17px;
		}
		h2 {
			font-size:15px;
		}
		.theme-sub span {
			font-size:18px;
		}
		.theme-sub b {
			font-size:12px;
		}
		.ibuttons li span {
			font-size: 12px;
			letter-spacing: 1px;
		}
		.theme-sub a {
			box-shadow: inset 0 0 0 2px rgba(255,255,255,1);
		}
		.theme-sub a:before, .theme-sub a:after {
			display:none;
		}
		.theme-sub img {
			padding-top:1em;
		}
	}
	@media screen and (max-width:400px) {
		#wrapper {
			padding:10% 0;
			width:93%;
		}
		.vmore {
			width: 40%;
			right:-10px;
		}
		.package_title img {
			width: 50%;
		}
		.theme-sub li {
			width: 49%;
		}
		.theme-sub a {
			padding:5%;
		}
		.ibuttons li {
			padding:2% 0;
		}
		.ibuttons li img {
			padding: 20% 0 15% 0;
		}
	}
/*---footer------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	background:#dadada;
	text-align:center;
}
	/*travel*/
	.travel {
		padding:4% 0;
	}
		.travel ul {
		}
			.travel li {
				display:inline-block;
				vertical-align:top;
				padding:0 1%;
				width:20%;
			}
				.travel li:hover {
					animation:imgflash 0.5s ease-in;
				}
	/*footer_list*/
	.footer_list {
		color:#565353;
		padding-bottom:3%;
	}
		/*f_logo*/
		.f_logo {
			display:inline-block;
			vertical-align:bottom;
			width:20%;
		}
		/*f_service*/
		.f_service {
			display:inline-block;
			vertical-align:top;
			text-align:left;
			width:32%;
		}
			/*house*/
			.house {
			}
			.f_service ul {
			}
				.f_service li {
					padding:5% 0 0;
				}
					.f_service a {
						display:inline-block;
						font-size:18px;
						transition:.2s;
					}
						.f_service a:hover {
							color:#ff9d00;
						}
					.f_service li span {
						border-bottom:solid 1px #565353;
						width:85%;
						display:inline-block;
						vertical-align:top;
					}
			i {
				border-bottom:0px;
				width:3%;
				color:#f5a525;
				font-size:20px;
			}
		/*f_info*/
		.f_info {
			display:inline-block;
			vertical-align:top;
			text-align:left;
			width:32%;
		}
			.f_info ul {
			}
				.f_info li {
					padding:5% 0 0;
				}
					.f_info li span {
						border-bottom:dashed 1px #565353;
						display:inline-block;
						width:80%;
						vertical-align:top;
					}
	/*footer_link*/
	.footer_link {
		background:#ebebeb;
		padding:2% 1%;
		color:#909090;
	}
		.footer_link a {
			display:inline-block;
			color:#909090;
			transition:.2s;
		}
			.footer_link a:hover {
				color:#000;
			}
	/*copyright*/
	.copyright {
		background:#2d2d2d;
		color:#fff;
		padding:2%;
	}
	@media screen and (max-width: 992px) {
		.travel {
			padding: 5% 0;
		}
			.travel li {
				padding:0 3%;
			}
				.travel li img {
					width:100%;
				}
		.f_logo {
			padding: 1%;
			display: block;
			margin: 0 auto;
			width: 25%;
		}
			.f_logo img {
				width:100%;
			}
		.house img {
			width:100%;
		}
		.footer_link {
			padding:2%;
		}
		.copyright {
			padding:3%;
		}
		.f_service,.f_info {
			width:45%;
		}
	}
	@media screen and (max-width: 768px) {
		.copyright img {
			width:16%;
		}
	}
	@media screen and (max-width: 650px) {
		.travel li {
			width:22%;
		}
		.f_logo {
			width:33%;
		}
		.f_service, .f_info {
			width: 80%;
			padding:2% 0;
		}
		.f_info li span {
			width:85%;
		}
	}
	@media screen and (max-width: 450px) {
		.travel li {
			width:23%;
			padding:0;
		}
		.f_logo {
			width:50%;
		}
		.f_service, .f_info {
			width: 90%;
			padding:2% 0;
		}
		.footer_link {
			padding: 3%;
		}
		.copyright {
			padding:4%;
			font-size:13px;
		}
	}
	@media screen and (max-width: 375px) {
		i {
			width:10%;
			font-size:18px;
		}
		.f_logo {
			width:53%;
		}
		.copyright img {
			width: 20%;
		}
	}
/***footer_v1****************************************/
.footer_list {
    vertical-align: top;
    font-size: 14px;
    color: #fff;
	text-align:left;
	background:#4a5960;
	padding:3% 0;
}

.footer_list p {
	text-align: center;
}
.footer_list img {
	margin:0 auto;
}

/*************************
**********footer**********
**************************/
.footer_list a {
	display:inline-block;
	color:#fff;
}
.footer_list a:hover,
.footer_list a:focus {
	color: #6fe5d1;
}
.footertop {
	background: url(../../images/footertop.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	min-height: 23px;
	margin-bottom: 40px;
}
.footerp {
	font-size: 14px;
}
.footer_list hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #3e4549;
}
.footerp i {
	font-size: 30px;
	color: #6fe5d1;
}
.font18 {
	font-size: 18px;
}
.font22 {
	font-size: 22px;
}
.footersocial img:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	
	100% {
		opacity: 1;
	}
}
.footertext {
	padding-top: 10px;
}
.footertext i {
	font-size: 20px;
	color: #6fe5d1;
}
.footertext hr {
	border-top: 1px dashed #3e4549;
	margin-top: 0px;
	margin-bottom: 5px;
}
.footerht hr {
	border-top: 1px solid #fff;
	margin: 3% 0 3% 0;
}
.webveiw img {
	float: right;
}
.Copyright {
	font-size: 13px;
	padding-top: 20px;
}
.Copyright a {
	color: #fff;
}
.Copyright a:visited,
.Copyright a:focus {
	color: #fff;
}
.Copyright a:hover {
	color: #6fe5d1;
}
.brs {
	display: none;
}
@media(max-width:991px) {
	.brs {
		display: block;
		height: 1px;
	}
	
	.Copyright {
		padding-top: 0px;
	}
}
@media(max-width:767px) {
	.footerp img {
		margin: 0 auto;
	}
	
	.footerp {
		text-align: center;
		padding-top:5%;
	}
	
	.footerp hr {
	}
	
	.footersocial {
		text-align: center;
	}
	
	.footertext {
		text-align: center;
	}
	
	.footertext hr {
		display: none;
	}
	
	.webveiw img {
		float: none;
		margin: 0 auto;
	}
	
	.Copyright {
		text-align: center;
	}
}
@media(max-width:500px) {
	.footer_list {
		padding:6%;
	}
}
/*---idslider---*/
#spring,#summer,#autumn,#winter {
	transform:translateY(-120px);
}	
	@media screen and (max-width:1310px) {
		#spring,#summer,#autumn,#winter {
			transform:translateY(-88px);
		}
	}
	@media screen and (max-width:1020px) {
		#spring,#summer,#autumn,#winter {
			transform:translateY(-78px);
		}
	}
	@media screen and (max-width:850px) {
		#spring,#summer,#autumn,#winter {
			transform:translateY(-70px);
		}
	}
	@media screen and (max-width:500px) {
		#spring,#summer,#autumn,#winter {
			transform:translateY(-40px);
		}
	}
/*--inner------------------------------------------------------------------------------------------------------------------------*/
/*---wrapper----------------------------------------------------------------------------------------------------------------------------------*/
#inwrap {
	background:#fff;
	width:1420px;
	max-width:90%;
	margin:0 auto;
	text-align:center;
	padding:5% 0 6% 0;
	background-size:auto;
	position:relative;
}
	#inwrap.inner {
		background:#fff;
		position:relative;
		overflow:hidden;
	}
.insce_banner {
	min-height:573px;
	width:100%;
	background-size:cover !important;
	-webkit-filter: drop-shadow(0px 5px 5px rgba(51, 51, 51, .3));
	filter: drop-shadow(0px 5px 5px rgba(51, 51, 51, .3));
}
	@media screen and (max-width: 1440px) {
		.insce_banner {
			min-height:520px;
		}
	}
	@media screen and (max-width: 1200px) {
		.insce_banner {
			min-height:450px;
		}
	}
	@media screen and (max-width: 970px) {
		.insce_banner {
			min-height:355px;
		}
	}
	@media screen and (max-width: 768px) {
		.insce_banner {
			min-height:300px;
		}
	}
	@media screen and (max-width: 560px) {
		.insce_banner {
			min-height:265px;
		}
	}
	@media screen and (max-width: 430px) {
		.insce_banner {
			min-height:210px;
			margin-top:1em;
		}
	}
	@media screen and (max-width: 350px) {
		.insce_banner {
			min-height:170px;
		}
	}
/*---left_sce--------------------------------------------------------------------------------------------------------------------------*/
.left_sce {
	display:inline-block;
	vertical-align:top;
	width:65%;
	padding:7em 2em 0 1em;
	text-align:left;
}
.left_sce img {
	max-width:100%;
}
/*---left_news--------------------------------------------------------------------------------------------------------------------------*/
.left_news {
	display:inline-block;
	vertical-align:top;
	width:65%;
	padding:7em 2em 0 1em;
	text-align:left;
}
.left_news img {
	max-width:100%;
}
.left_news a {
	display: inline-block;
}
/*news_list*/
.news_list {
	background:#f6f6f6;
	border-bottom:solid 6px #c3c3c3;
	box-shadow: 0px 5px 5px rgba(0,0,0,.1);
	padding:2em;
	text-align:center;
}
	.news_list img {
		display:block;
		max-width:100%;
	}
	.news_list a {
		transition:.2s ease-in-out;
		display:inline-block;
	}
		.news_list a:hover {
			color:#fdbb06;
		}
	.news_list p {
		text-align:left;
	}
	/*news_title*/
	.news_title {
		background:url(../../images/news_title1.png) bottom center no-repeat;
		background-size:cover;
		min-height:74px;
		width:100%;
	}
@media screen and (max-width: 900px) {
		.news_title {
			min-height:60px;
		}
	}
	@media screen and (max-width: 600px) {
		.news_title {
			min-height: 50px;
		}
	}
	@media screen and (max-width: 425px) {
		.news_title {
			min-height: 43px;
		}
	}
/***insce_slogan***/
.insce_slogan { 
}
.insce_slogan h4 {
	color:#864117;
	border-bottom:solid 1px #898989;
	padding-bottom:10px;
	font-size:24px;
	font-weight:bold;
	line-height:inherit;
}
.insce_slogan i  {
	color:#ffaf03;
	font-size:25px;
}
.insce_slogan span {
	display:block;
	border-left:solid 4px #ffaf03;
	padding:0 0 0 1em;
	margin:5px 0;
}
/***house_top***/
.house_top h1 {
	color: #d76060;
    font-size: 38px;
    margin: 0;
    line-height: 95px;
	text-align:center;
    transition: .3s ease all;
}
.house_top :first-child i {
	border-bottom: 0px;
    width: 3%;
    color: #f5a525;
    font-size: 35px;
	margin-right:1%;
}
.house_top i {
	border-bottom: 0px;
    width: 3%;
    color: #f5a525;
    font-size: 35px;
}
.house_top p {
	font-size: 30px;
    text-align: left;
    margin-left: 5%;
    color: brown;
    font-weight: 800;
}
@media screen and (max-width: 1024px) {
.house_top :first-child i {
    font-size: 28px;
}
}
@media screen and (max-width: 768px) {
.house_top h1 {
	font-size: 28px;
}
.house_top :first-child i {
	width: 6%;
	font-size: 34px;
}
.house_top p {
	font-size: 25px;
}
.house_top :first-child i {
    font-size: 28px;
}
}
@media screen and (max-width: 453px) {
.house_top h1 {
	font-size: 22px;
}
.house_top :first-child i {
	font-size: 28px;
	margin-right: 4%;
}
}
@media screen and (max-width: 359px){
.house_top h1 {
    font-size: 18px;
}
.house_top :first-child i {
	font-size: 22px;	
}
.house_top p {
	font-size: 21px;
}
}
/*house_title*/
.house_title {
	position: relative;
    /*background: #fbeded;*/
    /*border-radius: 9px;*/
    width: 100%;
    margin: 0 auto;
	/*box-shadow: 2px 5px 10px 0px #cccccc;*/
}
.house_title h3 {
	display:block;
	font-family: 微軟正黑體;
    font-size: 14px;
    color: #232323;
    margin: 0 auto;
    line-height: 25px;
	text-align: center;
}
.box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	margin:0 auto;
}
.box span {
	font-size: 15px;
    font-family: 微軟正黑體;
}
@media screen and (max-width: 1054px) {
	.house_title h3 {
	margin-left: 12%;
	}	
}
@media screen and (max-width: 800px) {
.house_title {
    width: 90%;	
}
}
@media screen and (max-width: 687px) {
.house_title h3 {
  margin-left: 5%;
}
}
/***insce***/
.insce {
	margin:3em 0;
}
/*insce_title*/
.insce_title {
	position:relative;
	background: #ffaf03;
	border-radius:40px;
	width:95%;
	padding:0 10px;
	margin-top: 22px;
}
.insce_title img {
	position: relative;
    margin-top: -3em;
    padding: 0 .5em 0 0;
	-webkit-filter: drop-shadow(0px 0px 5px rgba(51, 51, 51, .5));
	filter: drop-shadow(0px 0px 5px rgba(51, 51, 51, .5));
}
.insce_title h3 {
	display:inline-block;
	font-size:19px;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:.7em 0 .5em;
	line-height:inherit;
}
/*insce_pic*/
.insce_pic {
	padding:2em 0 1em;
}
.insce_pic img {
	-webkit-filter: drop-shadow(0px 0px 3px rgba(51, 51, 51, .3));
	filter: drop-shadow(0px 0px 3px rgba(51, 51, 51, .3));
	max-width:100%;
}
.insce_pic span {
	display:block;
	color:#898989;
	font-size:14px;
	margin-top:.3em;
}
.insce p {
}
/*insce_info*/
.insce_info {
	margin-top:1em;
}
.insce_info ul {
}
.insce_info li {
	padding:.5em 0;
}
.insce_info a {
	display:inline-block;
	position:relative;
	transition:.2s linear;
	padding:0 5px;
	border-radius:5px;
	background:#3fbcef;
	color:#fff;
	border:solid 1px #3fbcef;
	margin-top: 5px;
}
	.insce_info a:hover {
		background:#fff;
		color:#3fbcef;
	}
.insce_info img {
	vertical-align:bottom;
}
.insce_info p {
	margin:0 0 5px 0;
}
.insce_info li p:nth-of-type(1) {
	color:#c6211e;
	font-size:18px;
}
.insce_info li p:nth-of-type(2) {
}
/***insce_bnb***/
.insce_bnb {
	border:solid 1px #b6b3ac;
	border-radius:5px;
	padding:1em;
	margin:1em 0;
}
/*bnb_top*/
.bnb_top {
}
.bnb_top img {
	width:50%;
	vertical-align:top;
}
.bnb_title {
	display:inline-block;
	vertical-align:top;
	width:47%;
	padding:1em 0 0 1em;
	color:#992607;
	font-size:22px;
	font-weight:bold;
}
.bnb_title i {
	color:#ffaf03;
	font-size:20px;
}
.bnb_title p {
	color:#333;
	font-size:16px;
	padding:2em 0 0 0;
	font-weight:normal;
}
/*bnb_btm*/
.bnb_btm {
	padding-top:2em;
}
.bnb_btm ul {
	display:inline-block;
	vertical-align:middle;
	width:47%;
	padding-right:1em;
}
.bnb_btm li {
}
.bnb_btm li p:nth-of-type(1) {
	display:inline-block;
	vertical-align:top;
	margin:0;
}
.bnb_btm li p:nth-of-type(2) {
	display:inline-block;
	vertical-align:top;
	margin:0;
}
/*bnb_link*/
.bnb_link {
	display:inline-block;
	vertical-align:middle;
	width:48%;
	text-align:right;
}
.bnb_link a {
	padding-bottom:.5em;
	transition:.2s ease-in-out;
}
.bnb_link i {
	color:#ee4b6a;
	transition:.2s ease-in-out;
	width:auto;
}
.bnb_link a:nth-of-type(2) i {
	color:#3f51b5;
}
	.bnb_link a:hover {
		color:#ee4b6a;
	}
	.bnb_link a:nth-of-type(2):hover {
		color:#3f51b5;
	}
	.bnb_link a:hover i {
		transform:translateX(5px);
	}
.bnb_link img {
	max-width:100%;
}
/***other***/
.other {
	width: 65%;
    padding: 0em 2em 0 1em;
    text-align: left;
}
.other_tit {
	margin:3em 0 2em;
}
.other_tit img {
	max-width:100%;
}
.trv {
	position:relative;
}
ul.travel {
	padding: 0 5em 0 .8em;
    overflow: hidden;
	width:90%;
	margin:0 auto;
}
ul.travel li {
	text-align:center;
}
ul.travel a {
	transition:.2s ease-in-out;
}
ul.travel img {
	max-width:100%;
}
ul.travel p {
	margin: 0 auto;
    text-align: center;
	line-height:22px;
}
ul.travel a:hover p,ul.travel a:hover {
	color:#000;
}
ul.travel a:hover {
	opacity:.7;
}
ul.travel .slick-list {
    overflow: visible;
}
ul.travel .slick-next {
	display:none !important;
}
ul.travel .slick-prev {
	left:0;
	z-index:10;
}
@media screen and (max-width: 450px) {
    .other {
        width: 95%;
        padding: 0em 1em;
    }
}
/*---right_ad---------------------------------------------------------------------------------------------------------------------------*/
.right_ad {
	display:inline-block;
	vertical-align:top;
	width:32%;
	padding:7em 1em 0 .5em;
}
/***map***/
.map {
	position:relative;
	min-height:255px;
	max-width: 50%;
}
.map iframe {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	border:solid 1px #000;
}
/***in_ad***/
.in_ad {
	margin:3em 0;
	text-align:center;
}
/*in_adtit*/
.in_adtit {
	margin-bottom:2em;
}
.in_adtit img {
	max-width:100%;
}
.in_ad ul {
}
.in_ad li {
	margin-bottom:.5em;
}
.in_ad li a {
}
.in_ad li img {
	max-width:100%;
}
	.in_ad li a:hover {
		animation:flash 1s ease-in-out;
	}
.link a{
	display:inline-block;
}
.cityper{
	background-color: #ecebeb;
    border: 1px dashed #aea9a9;
    padding: 3% 0 3% 3%;
}
/*more*/
.more {
	text-align:center;
	margin-top:1em;
}
.more a {
	transition:.3s ease-in-out;
}
.more img {
	max-width:100%;
}
	.more a:hover {
		transform:translateX(10px);
	}	
	@keyframes flash {
		0% {
			opacity:.5;
		}
		100% {
			opacity:1;
		}
	}
	@media screen and (max-width: 1080px) {
		.left_sce {
			width:100%;
			padding:5em 2em 2em;
		}
		.left_news {
			width:100%;
			padding:5em 2em 2em;
		}
		.right_ad {
			width: 100%;
			padding: 2em 2em;
		}
		.map {
			min-height:300px;
		}
		.in_ad li {
			margin-bottom: .5em;
			display: inline-block;
			vertical-align: top;
			width: 100%;
			padding:0 1em;
		}
		ul.travel {
			padding: 0 5em 0 0;
			overflow: hidden;
			width: 90%;
			margin: 0 auto;
		}
		ul.travel .slick-prev {
			display:none !important;
		}
	}
	@media screen and (max-width: 768px) {
		.left_sce {
			padding: 3em 1em 2em;
		}
		.left_news {
			padding: 3em 1em 2em;
		}
		.bnb_top img {
			width: auto;
			max-width: 100%;
			display:block;
			margin:0 auto;
		}
		.bnb_title {
			width:100%;
			padding:1em 0;
		}
		.right_ad {
			padding: 2em 1em;
		}
		.in_adtit {
			margin-bottom: 1em;
		}
		.in_ad li {
			margin-bottom:1em;
		}
		.map {
			max-width: 90%;
        }
	}
	@media screen and (max-width: 560px) {
		.left_sce {
			padding: 2em 1em 2em;
		}
		.left_news {
			padding: 2em 1em 2em;
		}
		.insce_slogan h4 {
			line-height:1.8;
		}
		.insce_title {
			width:100%;
		}
		.bnb_btm {
			padding-top: 0em;
		}
		.bnb_btm ul,.bnb_link {
			width:100%;
			text-align:left;
		}
		.bnb_link {
			padding-top:1em;
		}
		.bnb_link a {
			display:inline-block;
			vertical-align:top;
			width:48%;
			padding:0 1em;
		}
		ul.travel {
			padding: 0;
			width: 100%;
		}
		.in_ad li {
			padding:0 .2em;
		}
	}
	@media screen and (max-width: 430px) {
		.insce_slogan h4 {
			line-height: 1.5;
			font-size: 22px;
		}
		.insce_title img {
			width:45px;
		}
		.insce_title h3 {
			font-size:15px;
		}
		.insce_pic {
			padding: 2em 0 0em;
		}
		.bnb_title p {
			padding:1em 0 0 0;
		}
		.bnb_link a {
			padding:0 .2em;
		}
		.bnb_link img {
			width:22%;
		}
		.right_ad {
			padding: 0em 1em;
		}
		.map {
			min-height: 260px;
		}
		.in_ad li {
			width:auto;
			display:block;
		}
		.insce {
			margin: 2em 0;
			border-bottom: double 4px #CCC;
		}
		.insce_pic {
			padding: 1em 0 0em;
		}
	}
	@media screen and (max-width: 380px) {
		.map {
			min-height: 230px;
		}
	}
	@media screen and (max-width: 350px) {
		.map {
			min-height: 230px;
		}
		.insce_title img {
			width: 25px;
			padding: 0;
		}
		.insce_title h3 {
			font-size: 14px;
		}
		.bnb_link a {
			width:100%;
		}
		.bnb_link img {
			width: 15%;
			margin-bottom: .5em;
		}
	}

	/*adblock*/
	.adblock {
		width:1280px;
		margin:0 auto;
		max-width:90%;
		text-align:left;
	}
		/*city*/
		.city {
			color:#303030;
			text-align:left;
			padding:3% 0 2%;
			display:inline-block;
			vertical-align:top;
			width:31%;
		}
			.city span {
				font-weight:bold;
				font-size:14px;
				display:block;
			}
			@media screen and (max-width: 400px) {
				.city span {
				font-size:12px;
				}
				
			}
				.fa-filter,.fa-images,.fa-th {
					color:#303030;
					width:auto;
					vertical-align: middle;
					padding: 0 1% 0 0;
				}
		/*more*/
		.bmore {
			color:#303030;
			text-align:left;
			padding: 5% 9% 2%;
			display:inline-block;
			vertical-align:top;
			width:31%;
		}
			.bmore span {
			font-weight: bold;
			font-size: 18px;
			display: block;
			color: #d76060;			
		}
			@media screen and (max-width: 850px) {
		.bmore {
			padding: 6% 1% 2%;
		}
		
			}
			@media screen and (max-width: 600px) {
		.bmore {
			padding: 0% 0% 0%;
			width:90%;
			margin-left: 66%;
		}
		.bmore span {
			font-size: 16px;	
		}		
			}
			@media screen and (max-width: 400px) {
		.bmore {
			padding: 0% 0% 0%;
			width:90%;
			margin-left: 50%;
		}
		.bmore span {
			font-size: 16px;	
		}		
			}
			/*option*/
			.option,.option2,.option3 {
				display:inline-block;
				vertical-align:top;
				border: solid 1px #CCC;
				border-radius:2px;
				width:85%;
				padding:0px 10px;
				position:relative;
				background:#fff;
				cursor:pointer;
			}
				.fa-caret-down {
					text-align:right;
					position:absolute;
					top:5px;
					right:5px;
					color: #666;
					z-index:8;
					font-size:16px;
				}
			@media screen and (max-width: 768px) {
				.fa-caret-down {
					 right:14px;					
				}}
				.option ul,.option2 ul,.option3 ul {
					position: absolute;
					top: 30px;
					left: 0;
					width: 100%;
					z-index: 5;
					background: #fff;
					display:none;
					border: solid 1px #CCC;
					z-index:9;
				}
				ul.open,ul.open2,ul.open3 {
					height:100%;
					display:block;
					transition:.3s ease-out;
				}
					.option li,.option2 li,.option3 li {
						background: #fff;
						width: 100%;
						padding: 0px 10px;
						cursor:pointer;
					}
						.option li:hover,.option2 li:hover,.option3 li:hover {
							background:#f2f2f2;
						}
						.option li a:hover,.option2 li a:hover,.option3 li a:hover {
							color:#000;
						}
					.active {
						background:#f2f2f2 !important;
					}
		hr {
			border-top: 1px solid #303030;
			width:100%;
			margin-bottom:3%;
		}
.filtr-container div {
	padding:2% 10px;
}
	.filtr-container div:hover {
		animation:imgflash 1s;
	}
	.filtr-container img {
		max-width:100%;
	}
	
/*space*/
.space {
	height:10vh;
}
/*---filter_block--------------------------------------------------------------------------------------------------------------------------*/
.filter_block {
	position:relative;
	text-align:center;
}
	.fliter_inner {
	}
	.filter_block .active {
		background:#fff !important;
	}
	.filter_block img {
		max-width:100%;
		box-shadow: 0px 0px 3px rgba(0,0,0,.3);
	}
	.filter_block .col-md-3,.filter_block .col-sm-4,.filter_block .col-xs-6 {
		padding:0 10px 20px 10px;
	}
	.filter_block a {
	}
		.filter_block a:hover {
			animation:imgflash 1.5s ease-in-out;
			color:#000;
		}
.a_area img,.f_area img {
	-webkit-filter: drop-shadow(-2px 2px 1px rgba(51, 51, 51, .2));
	filter: drop-shadow(-2px 2px 1px rgba(51, 51, 51, .2));
	box-shadow: 0px 0px 3px rgba(0,0,0,.0);
}
.a_area .col-md-3 {
	width: 16.6%;
}
.d_area {
	column-width:240px;
	-webkit-column-width:240px;
	-moz-column-width:240px;
	vertical-align:top;
}
.d_area .col-md-3,.d_area .col-md-4,.d_area .col-md-6 {
	width:100%;
}
	.d_area a {
		transition:.3s ease-in-out;
	}
		.d_area a:hover {
			animation:none;
		}
		@media screen and (max-width: 1200px) {
			.a_area .col-md-3 {
				width: 25%;
			}
		}
		@media screen and (max-width: 768px) {
			.a_area .col-md-3 {
				width: 33%;
			}
		}
		@media screen and (max-width: 500px) {
			.filter_block .col-xs-6 {
				width:100% !important;
			}
			.d_area .col-xs-6 {
				width:50% !important;
			}
			.filter_block .col-md-3, .filter_block .col-sm-4, .filter_block .col-xs-6 {
				padding: 5px;
			}
			.a_area .col-md-3 {
				width: 50% !important;
			}
		}

/*---ad_right--------------------------------------------------------------------------------------------------------------------------*/
     .ad_right {		
        margin: 0 auto;
		display: table;
	}
	.ad_right .col-md-3,.ad_right .col-sm-4,.ad_right .col-xs-6 {
		width:100%;
		margin-bottom: 3%;
	}
	.ad_right a {
	}
	.ad_right a:hover {
			animation:imgflash 1.5s ease-in-out;
			color:#000;
	}
	.ad_right img {
		width:100%;
	}	
/*---ad_right--------------------------------------------------------------------------------------------------------------------------*/
	.travel .col-md-3,.travel .col-sm-4,.travel .col-xs-6 {
		width:100%;
	}
	.travel a {
	}
		.travel a:hover {
			animation:imgflash 1.5s ease-in-out;
			color:#000;
		}

/*---serch--------------------------------------------------------------------------------------------------------------------------*/		
.serch {
 position:fixed;
 bottom: 90px;
 right: 13px;
 display:inline-block;
 z-index:8;
}
.serch a {
 display: block;
 transition: .3s ease-in-out;
}
.serch a:hover {
 transform: rotate(720deg) scale(0.9);
 opacity: .9;
 
}

@media(max-width:500px) {
.serch {
bottom: 70px;
right: 4px;

}
.serch img {
 width:94%;
}}