@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);
@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);

/*************************
*******Typography******
**************************/

body {
    background: transparent;
    font-family: Microsoft JhengHei, Orator Std, sans-serif;
    /*微軟正黑體=Microsoft JhengHei*/
    color: #fff;
    line-height: 28px;
	letter-spacing:1px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    font-family: Orator Std, Microsoft JhengHei, sans-serif;
    /*微軟正黑體=Microsoft JhengHei*/
    color: #fff;
    line-height: 30px;
}

h1 {
    font-size: 36px;
    color: #fff;
}

h2 {
    font-family: Orator Std, sans-serif, Microsoft JhengHei;
    /*微軟正黑體=Microsoft JhengHei*/
    font-size: 16px;
    /*20px*/
}

h3 {
    font-size: 16px;
    color: #787878;
    font-weight: 400;
    line-height: 24px;
}

h4 {
    font-size: 16px;
}

p {
    font-size: 14px;
}

a {
    color: #fff;
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms;
    transition: color 300ms, background-color 300ms;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
img {
	max-width:100%;
}
/*---header area------------------------------------------------------------------------------------------------------------------------------------------*/

/*navbar*/
.navbar {
	background:#322a25 !important;
	box-shadow:0px 4px 9px rgba(0,0,0,.5);
	border-radius:0;
	position:fixed;
	top:0px;
	width:100%;
	z-index:999;
}
.navbar.navbar {
}
	/*logo*/
	.logo {
		display:inline-block;
		float:left;
		padding:1% 0 0 5%;
	}
		.logoa {
			display:block;
		}
	
	/*ibutton*/
	.ibarea {
		display:inline-block;
		float:right;
		padding: 2% 3% 10px;
	}
		.ibutton {
			position:relative;
			display: inline-block;			
		}
			.ibutton a {
				display:block;				
			}
				.ibutton .ib {
					position:relative;
				}
				.ibutton .ib img {
					z-index:5;
					background:#312a25;
				}
			.ibh {
				position:absolute;
				bottom:0px;
				left:46px;
				-webkit-transition-duration: 0.3s;
				transition-duration: 0.3s;
				-webkit-transition-property: transform;
				transition-property: transform;
				-webkit-transition-timing-function: ease-out;
				transition-timing-function: ease-out;
			}
				.ibh img {
					background:none;	
					opacity:0;
					transition: opacity .3s ease-in-out;
		
				}
				.ibutton:hover .ibh {
					-webkit-transform: translateY(-29px);
    				transform: translateY(-29px);	
				}
					.ibutton:hover .ibh img {
						opacity:1;
					}



/*---mobile ibutton----------------------------------------------------*/
.mibutton {
    position: absolute;
    top:25px;
    right: 25px;
    width: 52px;
    height: 40px;
    padding: 0 10px;
    border-radius: 7px;
    font-size: 12px;
	z-index: 10;
	cursor:pointer;
	display:none;
}
	.mibutton span {
		display: inline-block;
        width: 29px;
        height: 1px;
        background: #fff;
        transition: .3s ease all;
		position: absolute;
	}
		.mibutton span:nth-child(1) {
			top:10px;
		}
		.mibutton span:nth-child(2) {
			top:20px;
		}
        .mibutton span:nth-child(3) {
			top:31px;
        
        }
		.mibutton_ani span {
			background:#fff;
		}
			.mibutton_ani span:nth-child(1) {
				-webkit-transform:rotate(45deg);
						transform:rotate(45deg);
				-webkit-transform-origin:left top;
						transform-origin:left top;
			}
			.mibutton_ani span:nth-child(2) {
				display: none;
			}
			.mibutton_ani span:nth-child(3) {
				-webkit-transform:rotate(-45deg);
						transform:rotate(-45deg);
				-webkit-transform-origin:left bottom;
						transform-origin:left bottom;
			}
		@media screen and (max-width:1660px) {
			.logo {
				padding: 2% 0 0 5%;
			}
			.ibarea {
				padding: 3% 6% 10px;
			}
		}
		@media screen and (max-width:1710px) {
			.mibutton {
				display:block;
			}
			.ibarea {
				display:none;
				width: 100%;
				padding: 1% 0 1% 0;
				text-align: center;
			}
				.ibh {
					position: inherit;
				}
					.ibutton a:hover .ibh {
						-webkit-transform: inherit;
						transform: inherit;
					}
					.ibh img {
						opacity:1;
					}
			.logo {
				padding: 2% 0 1% 5%;
			}
		}
		@media screen and (max-width:1200px) {
			.ibutton {
				display:block;
				border-bottom: solid 1px rgba(255,255,255,.1);	
				margin: 2px 15px;			
			}
				.ibutton a {
					padding:1%;
				}
			.mibutton {
				top:14px;
			}
			.ibarea {
				overflow-y:auto;
				height:80vh;
			}
		}
		@media screen and (max-width:425px) {
			.logo {
				width:70%;
				padding:3% 0 3% 5%;
			}
				.logo img {
					width:100%;
				}
			.mibutton {
				top:7px;
				right:3px;
			}
		}
		
/*---title area----------------------------------------------------------------------------------------------------------------------------------------*/
.titarea {
	background:url(../../images/taiTitBg.jpg) repeat;
	    padding: 7% 3% 3%;
}
	.title {
		text-align:center;
		padding-bottom:4%;
	}
		.title img {
		}
		.title h2 {
			text-align: center;
			color: #8f8e83;
			margin: 20px 0 0;
		}
	.search {
		text-align:center;
		padding:2% 0 0 0;
		font-size:0px;
	}
		.s_l_area {
			margin:0 auto;
			width:70%;
			/*border: solid 5px rgba(206, 206, 206, 0.22);*/
			/*border-radius: 6px;*/
		}
			.s_list {
				display: inline-block;
				width: 16%;
				padding: 1%;
				vertical-align: bottom;
			}
			.s_list p {
				text-align:left;
			}
			/*date*/
			.date {
				background: #fff;
				height: 40px;
				font-size: 14px;
				line-height: inherit;
				border: none;
				color: #757575;
				width: 100%;
				padding: 5px 5%;
				vertical-align: top;
				border-radius: 2px;
				text-align:left;
			}
			svg {
				width:18px;
				height:auto;
				fill: #a5a5a5;
				margin: 2% 0 0 6%;
			}
			.date strong {
				vertical-align:super;
			}
			.s_list input[type='text'] {
				width: 100%;
				border: #fff;
				margin:0%;
				padding:5px 3px;
				height:40px;
				border-radius:2px;
				font-size:14px;
				border-right: solid 1px #e4e4e4;
				vertical-align:top;
			}
			.s_icon {
				display: inline-block;
				width: 15%;
				vertical-align: bottom;
				padding: 1%;
				cursor:pointer;
			}
			.s_icon button {
				width: 100%;
				padding: 6px 0;
				margin-top: 0%;
				background: transparent;
				color: #fff;
				border: solid 1px #fff;
				transition:.2s ease all;
				position:relative;
				z-index:0;
			}
				.s_icon button:after {
					position:absolute;
					top:0;
					left:0;
					content:'';
					background:#fff;
					width:0%;
					height:100%;
					transition:.2s ease all;
					z-index:-1;
				}
				.s_icon:hover button:after {
					letter-spacing:2px;
					width:100%;
				}
				.s_icon:hover button {
					color:#333;
				}
			.small {
				font-size:14px;
			}
select {
	width: 100%;
    border: #fff;
    border-radius: 2px;
    font-size: 14px;
    border-right: solid 1px #e4e4e4;
    color: #757575;
    vertical-align: top;
	padding:5px 3px;
	height:40px;
}
label {
	color: #737373;
    font-size: 14px;
	line-height:40px;
}
.s_city {
	width: 35%;
    display: inline-block;
    vertical-align: bottom;
    padding: 1%;
    text-align: left;
}
.s_city select {
	width: 45%;
    margin: 0 4% 0 0;
}
				@media screen and (max-width:1530px) {
					.s_l_area {
						width:70%;
					}
				}
				@media screen and (max-width:1200px) {
					.titarea {
						padding: 10% 3% 2%;
					}
					.s_l_area {
						width:80%;
					}
				}
				@media screen and (max-width:970px) {
					.titarea {
						padding: 12% 3% 3%;
					}
					.s_l_area {
						width:90%;
					}
				}
				@media screen and (max-width:850px) {
					.titarea {
						padding: 12% 3% 4%;
					}
					.search {
						padding:2% 2% 0 2%;
					}
					.s_l_area {
						width:100%;
					}
				}
				@media screen and (max-width:790px) {
					.titarea {
						padding: 12% 3% 4%;
					}
					.search {
						padding:2% 2% 0 2%;
					}
					.s_l_area {
						width:100%;
						background:none;
						border: none;					
					}
						.s_list {
							width:100%;
							display:block;
							margin:0px 0px 1% 0px;
						}
							.s_list input[type='text'] {
								margin:0px;
								width:100%;
							}
						.s_icon {
							width:100%;
						}
						select {
							width: 100%;
							border: #fff;
							margin: 0%;
							font-size: 14px;
							border-right: solid 1px #e4e4e4;
							background:#fff;
						}
						label {
							display:none;
						}
					.s_icon button {
						margin:9px 0 0 0;
					}
					.s_city {
						width:100%;
					}
					.s_city select {
						width: 100%;
						margin: 0 0% 2% 0;
					}
					.date {
						padding:5px 2%;
					}
				}
				@media screen and (max-width:650px) {
					.titarea {
						padding: 16% 4% 10%;
					}
					.title {
						padding: 4% 6% 10%;
					}
						.title img {
							width:100%;
						}
					.title h2 {
						font-size:17px;
					}
				}

				@media screen and (max-width:320px) {
					.titarea {
						padding: 21% 5% 4%;
					}
				}
/*---bnbstory-------------------------------------------------------------------------------------------------------------------------------------------*/
.bnbstory {
	position:relative;
	overflow:hidden;
}
	.bnbstory a {
		display:block;
		overflow:hidden;
	}
		.bnbstory img {
			width:100%;
		}
		.bnbstory a:hover img {
			opacity:.8;
			transition:.3s ease all;
		}
		
/*---price area----------------------------------------------------------------------------------------------------------------------------------------*/
.p_area {
}
	.p_list {
		font-size:18px;
		color:#fff;
		background:#959595;
		padding:0px 11px;
		border-radius:14px;
		display:inline-block;
		margin:0 3px 0 0;
	}

/*---filter area-----------------------------------------------------------------------------------------------------------------------------------------*/
.filter {
	display:inline-block;
}
	.filter1 {
		cursor:pointer;
	}
		.f1_tit {
			color:#242424;
			font-size:18px;
			letter-spacing:1;
		}
			.fa {
				color:#f8b551;
				font-size:20px;
			}
	.filter2 {
		height:0px;
		overflow:hidden;
	}
		.f2_list {
			color:#181818;
			font-size:18px;
			background:#fcd18f;
			padding:6% 2%;
			letter-spacing:1px;
			cursor:pointer;			
		}
			.filter1:hover .filter2 {
				height:80px;
				transition:0.4s ease-in-out;
				-webkit-transition-timing-function: ease-out;
    			transition-timing-function: ease-out;
			}
				.f2_list:hover {
					background:#f8b551;
					transition:.2s ease all;
					color:#fff;
				}
.material_label_checkbox{
	text-align:left;
}
/*---info area---------------------------------------------------------------------------------------------------------------------------------*/
.info_block {
	padding:1% 5% 3% 5%;
	text-align:center;
}
	.info_list,.discount_list {
		width:24%;
		display:inline-block;
		padding:0 1% 5%;
	}
		.info_list a,.discount_list a {
			display:block;
		}
			.info_list a:hover {
				text-decoration:none;
			}
			.discount_list a:hover img {
				animation:imgflash 1.5s ease-out;
			}
			.house {
				width:100%;
			}
				.house img {
					width:100%;
				}
			.info {
				padding:2% 0;
			}
				.i1 {
					font-size:18px;
					color:#282828;
					line-height:24px;
					width:60%;
					vertical-align:bottom;
					display:inline-block;
					text-align:left;
				}
					.i1:nth-of-type(2) {
						text-align:right;
						width:38%;
					}
				.i1 img {
					text-align:right;
				}
				@media screen and (max-width:1430px) {
					.info_list {
						width:35%;
					}
					.discount_list {
						width:32%;
					}
					.discount_list img {
						width:100%;
					}
					.i1 img {
						width:100%;
					}
				}
				@media screen and (max-width:820px) {
					.info_list {
						width:45%;
						padding: 2% 1%;
					}
					.discount_list {
						width:48%;
					}
					.discount_list img {
						width:100%;
					}
					.i1 {
						width:100%;
					}
					.i1:nth-of-type(2) {
						width:100%;
						padding-top:2%;
						text-align:center;
					}
						.i1 img {
							width: 50%;
						}
				}
				@media screen and (max-width:470px) {
					.info_list {
						width:48%;
						padding: 2% 1%;
					}
					.i1 {
						font-size:16px;
					}
						.i1 img {
							width: 65%;
						}
				}
				@media screen and (max-width:470px) {
					.info_list {
						width:90%;
						padding: 3% 1%;
					}
					.i1 {
						font-size:15px;
					}
						.i1 img {
							width: 45%;
						}
				}

.iscebg {
	background-image: url(../../images/iscebg.jpg);
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0 200px;
}

.iscemore {
	background-image: url(../../images/iscemore.png);
	background-position: right bottom;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 16px;
}

.isce h2 span.iscenew {
	background: #dc5127;
	border-radius: 10px;
	font-size: 12px;
	padding: 2px 5px;
	vertical-align: middle;
	margin-right: 5px;
}

.isce h2 span.iscehot {
	background: #af2411;
	border-radius: 10px;
	font-size: 12px;
	padding: 2px 5px;
	vertical-align: middle;
	margin-right: 5px;
}

.isce {
	padding-top: 80px;
	padding-bottom: 60px;
}
.isce h2 {
	color:#fff;
	font-size:20px;
	letter-spacing:2px;
	text-align:center;
	margin:3% 0;
}

.isce ul {
	margin: 0;
	padding: 0;
}

.isce ul li {
	display: inline-block;
	float: left;
	width: 25%;
	padding: 0 35px;
}

.isce ul li img {
	margin: 0 auto;
}

.isce ul li p {
	color: #fff;
	margin-top:5px;
	font-weight: normal;
}

.iscebtn img {
	margin: 0 auto;
	padding-bottom: 80px;
}

@media(max-width:1700px) {
	.iscebg {
		padding: 0 100px;
	}
}

@media(max-width:1550px) {
	.iscebg {
		padding: 0 20px;
	}
	.isce ul li {
		padding: 0 15px;
	}
}

@media(max-width:1250px) {
	#services_isce h2 {
		font-size: 20px;
	}
	.isce ul li p {
		font-size: 14px;
		line-height: 26px;
	}
}

@media(max-width:1100px) {
	#services_isce h2 {
		font-size: 16px;
	}
}

@media(max-width:991px) {
	#services_isce h2 {
		font-size: 20px;
	}
	.isce ul li {
		display: inline-block;
		float: left;
		width: 50%;
	}
	.iscebg {
		padding: 0 150px;
	}
	.isce ul li:nth-child(3) {
		clear: both;
	}
	.iscemore {
		margin-bottom: 20px;
	}
	.isce {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.iscebtn img {
		margin: 0 auto;
		padding-bottom: 20px;
	}
}

@media(max-width:850px) {
	.iscebg {
		padding: 0 80px;
	}
}

@media(max-width:700px) {
	.iscebg {
		padding: 0 15px;
	}
	.iscebtn img {
		max-width: 300px;
	}
}

@media(max-width:500px) {
	.isce ul li {
		display: inline-block;
		float: left;
	}
	.iscebg {
		padding: 0 80px;
	}
}

@media(max-width:450px) {
	.iscebg {
		padding: 0 30px;
	}
	.iscemore {
		background-image: url(../../images/iscemore.png);
		background-position: right bottom;
		background-size: auto;
		background-repeat: no-repeat;
		min-height: 16px;
	}
	.iscebtn img {
		max-width: 250px;
	}
	.isce h2 {
		font-size:17px;
		line-height:1.3;
	}
}

@media(max-width:380px) {
	.iscebg {
		padding: 0 5px;
	}
	.iscebtn img {
		max-width: 80%;
	}
}

.isce li:hover {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	transform: translateY(-10px);
}

.isce ul li:hover img {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0.7;
}

.iscebtn img {
	position: relative;
	-webkit-animation: aniscebtn 0.6s infinite;
	animation: aniscebtn 0.6s infinite;
}

.iscebtn:hover img {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	transform: scale(0.9);
	transform-origin: center center;
}

@-webkit-keyframes aniscebtn {
	0% {
		top: 0;
	}
	50% {
		top: 10px;
	}
	100% {
		top: 2px;
	}
}

@keyframes aniscebtn {
	0% {
		top: 0;
	}
	50% {
		top: 10px;
	}
	100% {
		top: 2px;
	}
}
/*---inews area------------------------------------------------------------------------------------------------------------------------------------------*/
.inews_area {
	display:inline-block;
	margin-bottom:2%;
}
/*---------------*/
/***** Ruby *****/
/*---------------*/
/* Common style */
.inews_area .grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	width: 20%;
	text-align: center;
	cursor: pointer;
}

.inews_area .grid figure img {
	position: relative;
	display: block;
	opacity: 1;
}

.inews_area .grid figure figcaption {
	padding:10% 5% 5%;
	color: #fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	text-shadow: 0px 1px 7px rgba(102,102,102,1);
	text-align:center;
}

.inews_area .fa {
	display:block;
	color:#fff;
	font-size:60px;
	margin-bottom:4%;
}

.effect-ruby a {
	display:block;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.effect-ruby img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby h2 {
	margin-top: 3%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform:translate3d(0,20px,0);
	text-align:center;
}
figure.effect-ruby h2 span {
	font-size:30px;
	color:#fff;
	font-family: 'cwTeXYen', sans-serif;
	font-weight:normal;
	text-shadow:0px 1px 7px rgba(102,102,102,1);
	letter-spacing:1.5px;
	padding-top:1%;
}

figure.effect-ruby p {
	padding: 5% 20%;
	border: 1px solid #fff;
	opacity: 0;
	font-size:18px;
	letter-spacing:1.5px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
	display:inline-block;
	margin:0;
} 

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

@media(max-width:1430px) {
	.inews_area .grid figure {
		width:100%;
		display:block;
		height: 320px;
	}
	.inews_area .grid figure img {
		width:100%;
	}
	.inews_area .grid figure figcaption {
		padding: 1% 3%;
	}
	figure.effect-ruby h2 {
		margin-top:1%;
	}
	.inews_area .fa {
		margin-bottom:1%;
	}
	figure.effect-ruby p {
		padding: 3% 10%;
	}
}
@media(max-width:1000px) {
	.inews_area .grid figure figcaption {
		padding: 3% 15%;
	}
	.inews_area .fa {
		font-size:52px;
	}
	figure.effect-ruby h2 span {
		font-size:28px;
	}
	figure.effect-ruby p {
		padding:4% 10%;
	}
}
@media(max-width:800px) {
	.inews_area .grid figure {
		height:230px;
	}
	figure.effect-ruby h2 {
		-webkit-transform: inherit;
		transform:inherit;
	}
	figure.effect-ruby p {
		opacity:1;
		-webkit-transform: inherit;
    	transform: inherit;
	}
	.inews_area .fa {
		font-size: 50px;
	}
	figure.effect-ruby h2 span {
		font-size: 27px;
	}
}
@media(max-width:680px) {
	.inews_area .grid figure figcaption {
		padding: 3% 5%;
	}
	.inews_area .grid figure {
		width:100%;
	}
}
@media(max-width:390px) {
	.inews_area .grid figure {
		height: 195px;
	}
	.inews_area .grid figure figcaption {
		padding:4% 3% 5%;
	}
	.inews_area .grid figure {
		width:100%;
	}
	figure.effect-ruby p {
		padding: 4% 10%;
		width: 80%;
	}
}
/*---footer-------------------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	background:#2b2929;
	text-align:center;
	padding:1% 2%;
	position:relative;
	z-index:8;
}
	.company {
		padding:1%;
	}
		.company ul {
			list-style:none;
			padding:0px;
		}
			.company li {
				display:inline-block;
				padding:2% 3%;
				vertical-align:top;
				position:relative;
			}
				.company li:after {
					position:absolute;
					right:0px;
					bottom:29px;
					content:'';
					height:126px;
					width:1px;
					background:#fff;
				}
				.company li:nth-of-type(2):after {
					display:none;
				}
				.company img {
				}
				.company span {
					font-size:20px;
					line-height:43px;
					color:#fff;
					display:block;
					text-align:left;
					letter-spacing:3px;
				}
		
	.ficon {
	}
		.ficon a {
			display:inline-block;
			transition:.3s ease all;
		}
			.ficon img {
				padding:0 3px;
			}
			.ficon a:hover {
				animation:imgflash 1.2s;
			}
			@keyframes imgflash {
				0% {
					opacity:.5;
				}
				100% {
					opacity:1;
				}
			}
		
	.finfo {
		padding:1%;
		color:#fff;
	}
		.finfo a {
			color:#fff;
			font-size:14px;
			line-height:28px;
		}
			.finfo a:hover {
				color:#d96f23;
				text-decoration:none;
			}
	@media(max-width:1260px) {
		.footer {
			background-size: 20%, 8%;
		}
	}
	@media(max-width:807px) {
		.company li:after {
			display:none;
		}
	}
	@media(max-width:700px) {
		.footer {
			background-size:0%, 8%;
		}
	}
	@media(max-width:550px) {
		.company span {
			font-size:18px;
		}
			.company span:before {
				display:none;
			}
	}
	@media(max-width:400px) {
		.flogo {
			padding: 3% 13%;
		}
			.company li img {
				width:100%;
			}
	}
	@media(max-width:430px) {
		.company span {
			font-size:18px;
		}
		.ficon img {
			width:17%;
		}
		.ficon a {
			width:17%;
		}
			.ficon a img {
				width:100%;
			}
	}
	@media(max-width:340px) {
		.company li img {
			width:100%;
			padding:2%;
		}
	}

/*---eastern logo---------------------------------------------------------------------------------------------------------------------------------------*/
.east_logo {
	text-align:center;
	background: url(../../images/logo_bg.jpg) top center no-repeat;
	background-size:cover;
	min-height:30vh;
}
	.east_logo img {
		padding:8% 3% 3%;
	}
/*---ad_area-----------------------------------------------------------------------------------------------------------------------------------------*/	
.ad_area {
	position:relative;
}
	.ad_logo {
		text-align:center;
		padding:3% 0;
	}
	
	/*slider*/
	.mc-hide-scrolls {
		overflow: hidden;
	}
	
	body .mc-cycle {
		height: 100%;
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 100% !important;
		z-index: -1;
	}
	
	div.mc-image {
		/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
			If you are using fading transitions, use 'opacity: */
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
		/*If you are using horizontal slide transitions, use the following CSS:
		-webkit-transition: left 1s ease-in-out; 
		-moz-transition: left 1s ease-in-out; 
		-o-transition: left 1s ease-in-out; 
		transition: left 1s ease-in-out;*/
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		height: 100%;
		overflow: hidden;
		width: 100%;
	}
	
	.mc-old-browser .mc-image {
		overflow: hidden;
	}
	
	#maximage {
		position:fixed;
		top:0px;
		left:0px;
	}
	@media(max-width:1150px) {
		.east_logo img {
			padding: 11% 3% 3%;
		}
	}
	@media(max-width:660px) {
		.east_logo img {
			padding: 15% 3% 5%;
		}
	}
	@media(max-width:520px) {
		.east_logo img {
			padding: 20% 10% 5%;
    		width: 100%;
		}
	}
	@media(max-width:450px) {
		.ad_logo {
			text-align: center;
			padding: 4% 19%;
		}
			.ad_logo img {
				width:80%;
			}
	}
	@media(max-width:390px) {
		.east_logo img {
			padding: 25% 5% 5%;
		}
	}
/*---recruit-----------------------------------------------------------------------------------------------------------------------------------*/
.recruit {
	background:url(../../images/recruit_bg01.jpg) repeat;
	text-align:center;
}
	.recruit_title {
		padding: 11% 0 0%;
		background: url(../../images/recruit_bird.png) top center no-repeat;
		background-size: auto;
		background-position-y: 56%;
	}
		.recruit_title a {
		}
		.recruit_title a:hover {
			animation:imgflash 1.5s;
		}
	.recruit_bg {
		background:url(../../images/recruit_bg02.jpg) bottom center no-repeat;
		background-size:cover;
		min-height:300px;
	}
	@media screen and (max-width:900px) {
		.recruit_title {
			padding: 17% 0 0%;
		}
	}
	@media screen and (max-width:700px) {
		.recruit_title {
			padding: 22% 0 0%;
		}
		.recruit_title img {
			width:80%;
		}
	}
	@media screen and (max-width:500px) {
		.recruit_title {
			padding: 30% 0 0%;
		}
	}
	@media screen and (max-width:400px) {
		.recruit_title {
			padding: 35% 0 0%;
		}
		.recruit_bg {
			min-height:190px;
		}
	}
/*---city area-----------------------------------------------------------------------------------------------------------------------------*/
.city_area {
	background:#fff;
	text-align:center;
	padding:8% 1% 3%;
}
	.c_list {
		position:relative;
		width:30%;
		display:inline-block;
		padding:0 2%;
	}
		.ctit {
			position:absolute;
			top:-106px;
			left:calc(50% - 62.5px);
			z-index:5;
		}
		.city {
			display:inline-block;
			width:100%;
			margin:0 1%;
			text-align:center;
			position: relative;
			overflow: hidden;
			cursor: pointer;
		}
			.city a {
				display:block;
			}
				.city img {
					margin:0 auto;
					position:relative;
					display:block;
					width:100%;
				}
				.scebox.city img {
					width:auto;
					margin:0;
				}
		
			/*---------------*/
			/***** Julia *****/
			/*---------------*/
			
			figure.effect-julia {
				background: #2b2b2b;
				color: #fff;
				text-transform: uppercase;
				font-size: 1.25em;
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
			}
			
			figure.effect-julia img {
				-webkit-transition: opacity 1s, -webkit-transform 1s;
				transition: opacity 1s, transform 1s;
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
			}
			
			figure.effect-julia figcaption {
				text-align: left;
				position:absolute;
				top:80px;
				left:42px;
				width:43%;
			}
			
			figure.effect-julia h2 {
				padding: 0.5em 0;
				position:absolute;
				top:-10px;
				left:50%;
			}
			figure.effect-julia figcaption img {
				transition:none;
				-webkit-transition:none;
			}
			
			figure.effect-julia p {
				display: inline-block;
				margin: 0 0 0.4em;
				padding: 0.1em 1em;
				background: rgba(255,255,255,0.9);
				color: #353535;
				text-transform: none;
				font-weight: 500;
				font-size: 17px;
				-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
				transition: opacity 0.35s, transform 0.35s;
				-webkit-transform: translate3d(-360px,0,0);
				transform: translate3d(-360px,0,0);
				letter-spacing:1px;
				display:block;
			}
			
			figure.effect-julia figcaption a {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
			
			figure.effect-julia p:first-child {
				-webkit-transition-delay: 0.15s;
				transition-delay: 0.15s;
			}
			
			figure.effect-julia p:nth-of-type(2) {
				-webkit-transition-delay: 0.1s;
				transition-delay: 0.1s;
			}
			
			figure.effect-julia p:nth-of-type(3) {
				-webkit-transition-delay: 0.05s;
				transition-delay: 0.05s;
			}
			
			figure.effect-julia:hover p:first-child {
				-webkit-transition-delay: 0s;
				transition-delay: 0s;
			}
			
			figure.effect-julia:hover p:nth-of-type(2) {
				-webkit-transition-delay: 0.05s;
				transition-delay: 0.05s;
			}
			
			figure.effect-julia:hover p:nth-of-type(3) {
				-webkit-transition-delay: 0.1s;
				transition-delay: 0.1s;
			}
			
			figure.effect-julia:hover img {
				opacity: 0.4;
				-webkit-transform: scale3d(1.1,1.1,1);
				transform: scale3d(1.1,1.1,1);
			}
				figure.effect-julia:hover figcaption img {
					transform:none;
					-webkit-transform: none;
				}
			
			figure.effect-julia:hover p {
				opacity: 1;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
			}
/*outer*/
/*c_list_outer*/
.c_list_outer {
	margin-bottom:9%;
}
/*ctit_outer*/
.ctit_outer {
	left:29%;
}
/*city_outer*/
figure.city_outer figcaption {
	width:60%;
}
			@media(max-width:1500px) {
				.city_area {
					padding: 10% 1% 2%;
				}
				figure.effect-julia figcaption {
					width:55%;
				}
				figure.effect-julia p {
					transform:none;
				}
				figure.city_outer figcaption {
					width: 80%;
				}
			}
			@media(max-width:1320px) {
				.c_list {
					width:33%;
				}
			}
			@media(max-width:1180px) {
				.city_area {
					padding: 7% 0% 2%;
				}
				.c_list {
					padding: 5% 2% 7%;
					width: 48%;
				}
				.ctit {
					top:-49px;
				}
			}
			@media(max-width:900px) {
				.c_list {
					width:70%;
					padding: 6% 2% 7%;
				}
			}
			@media(max-width:700px) {
				.ctit_outer {
					left: 25%;
				}
				.east_logo img {
					width:100%;
				}
			}
			@media(max-width:790px) {
				.city_area {
					padding: 10% 0% 2%;
				}
				.c_list {
					width:70%;
					padding: 7% 2% 7%;
				}
			}
			@media(max-width:580px) {
				.city_area {
					padding: 14% 0% 2%;
				}
				.c_list {
					width:96%;
					padding: 10% 2% 11%;
				}
			}
			@media(max-width:470px) {
				.c_list {
					width:96%;
					padding: 13% 2% 15%;
				}
			}
			@media(max-width:450px) {
				.ctit_outer {
					left: 20%;
				}
				.east_logo img {
					width:90%;
				}
			}
			@media(max-width:400px) {
				.ctit {
					left:38%;
					width:26%;
					top:-30px;
				}
					.ctit img {
						width:100%;
					}
				figure.effect-julia figcaption {
					top:64px;
					left:22px;
					width:60%;
				}
					figure.effect-julia p {
						font-size:15px;
						padding: 0em 1em;
					}
				.ctit_outer {
					left: 25%;
					width: 53%;
				}
				figure.city_outer figcaption {
					width:80%;
				}
			}
			@media(max-width:350px) {
				figure.effect-julia figcaption {
					top:45px;
				}
				figure.effect-julia p {
					font-size:13px;
				}
			}
			

/*---hot_area---------------------------------------------------------------------------------------------------------------------------------*/
.hot_area {
	background:url(../../images/hot_bg.png) top center no-repeat, url(../../images/hot_bg2.png) bottom right no-repeat,#fff;
	background-size:100%,auto;
	padding:0 6% 2%;
}
.hot_outer {
	background:url(../../images/hot_bg1_2.png) top center no-repeat, url(../../images/hot_bg2.png) bottom right no-repeat,#fff;
	background-size:100%,auto;
}
	.hot_tit {
		text-align:left;
		display:inline-block;
		padding:12% 0 0 0;
	}
	@media(max-width:1370px) {
		.hot_outer {
			padding: 0 6% 12%;
			background-size: 130%,auto;
		}
	}
	@media(max-width:1390px) {
		.hot_tit {
			padding: 7% 0 4% 0;
		}
			.hot_tit img {
				width:70%;
			}
	}
	@media(max-width:1140px) {
			.hot_tit img {
				width:60%;
			}
	}
	@media(max-width:1060px) {
			.hot_tit img {
				width:100%;
			}
	}
	@media(max-width:990px) {
		.hot_tit {
			padding: 7% 0 3% 0;
			text-align: center;
		}
	}
	@media(max-width:800px) {
		.hot_tit {
			padding: 7% 0 5% 0;
		}
	}
	@media(max-width:520px) {
		.hot_area {
			background-size:cover;
		}
		.hot_tit {
			padding: 13% 0 10% 0;
		}
		.hot_area {
			margin-bottom:0;
		}
	}


/*---area------------------------------------------------------------------------------------------------------------------------------------*/
.area {
	padding:1% 2%;
	text-align:center;
}
	.a_list {
		display:inline-block;
		width:13%;
	}
		.a_list a {
			display: inline-block;
		}
		
		
.card-container {
}
.card {
  width: 173px;
  height: 173px;
  text-align: center;
  transition: all 0.5s ease;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  positon: relative;
}
	.card img {
		width:100%;
	}
.front , .back {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
h1 {
  margin: 0;
}
.back {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.card:hover {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
		@media(max-width:1600px) {
			.a_list {
				width:17%;
			}
		}
		@media(max-width:1250px) {
			.a_list {
				width:19%;
			}
		}
		@media(max-width:1080px) {
			.a_list {
				width:19%;
			}
			.card {
				width:150px;
				height:150px;
			}
		}
		@media(max-width:970px) {
			.area {
				padding:1% 1%;
			}
			.a_list {
				width:18%;
			}
			.card {
				width:120px;
				height:120px;
			}
		}
		@media(max-width:780px) {
			.area {
				padding:1%;
			}
			.a_list {
				width:26%;
			}
		}
		@media(max-width:700px) {
			.a_list {
				width:30%;
			}
		}
		@media(max-width:610px) {
			.a_list {
				width:30%;
			}
		}
		@media(max-width:500px) {
			.a_list {
				width:30%;
			}
			.card {
				width:100px;
				height:100px;
			}
		}
		@media(max-width:370px) {
			.a_list {
				width:30%;
			}
			.card {
				width:100px;
				height:100px;
			}
		}
		@media(max-width:330px) {
			.a_list {
				width:32%;
			}
			.card {
				width:90px;
				height:90px;
			}
		}
/*************************
********services_sce******
**************************/
.sce {
	padding:5% 0 3% 0;
}
@media(max-width:1035px) {
	.sce {
		padding: 8% 0 3% 0;
	}
}
@media(max-width:500px) {
	.sce {
		padding: 11% 0 3% 0;
	}
}
/*************************
********services_sce******
**************************/
#services_sce {
	padding-top: 30px;
	padding-bottom: 60px;
}

.scebtn {
	text-align: center;
	margin-bottom: 30px;
}

.scebtn h2 {
	display: inline-block;
    margin:5px;
    color: #fff;
    padding: 25px 5px;
    font-size: 16px;
    border-radius: 100%;
    min-width: 82px;
    border: 3px solid #fff;
    cursor: pointer;
	line-height:24px;
	text-align:center;
}

.scebtn h2.scebtn1 {
	background: #d85a51;
}

.scebtn h2.scebtn2 {
	background: #80a076;
}

.scebtn h2.scebtn3 {
	background: #89b5cb;
}

.scebtn h2.scebtn4 {
	background: #8dcfca;
}

.scebtn h2.scebtn5 {
	background: #b7ad6f;
}

.scebtn h2.scebtn6 {
	background: #8b8583;
}

.scebtn h2:hover.scebtn1,
.scebtn h2:hover.scebtn2,
.scebtn h2:hover.scebtn3,
.scebtn h2:hover.scebtn4,
.scebtn h2:hover.scebtn5,
.scebtn h2:hover.scebtn6 {
	background: #fff;
	border: #7e6b5a 3px solid;
	color: #656565;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

@media (max-width:650px) {
	.scebtn {
		padding: 0 120px;
	}
}

@media (max-width:600px) {
	.scebtn {
		padding: 0 100px;
	}
}

@media (max-width:550px) {
	.scebtn {
		padding: 0 60px;
	}
}

@media (max-width:480px) {
	.scebtn {
		padding: 0 25px;
	}
}

@media (max-width:400px) {
	.scebtn {
		padding: 0 5px;
	}
	.scebtn {
		margin-bottom: 10px;
	}
}

@media (max-width:350px) {
	.scebtn {
		padding: 0 0px;
	}
}
/***********/

.scebox {
	border: #c3c3c3 1px solid;
	border-radius: 5px;
	box-shadow: -1px 1px 6px 0.5px rgba(138, 138, 138, 0.75);
	padding: 0 10px 10px 10px;
}

.mount .sceimg {
	background-color: #80a076;
}

.sea .sceimg {
	background-color: #89b5cb;
}

.farm .sceimg {
	background-color: #8dcfca;
}

.city .sceimg {
	background-color: #b7ad6f;
}

.hot .sceimg {
	background-color: #d85a51;
}

.scebox:hover {
	cursor: pointer;
}

.scebox:hover .sceimg img {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	transform: scale(0.95);
	overflow: hidden;
}

.scebox_hot {
	padding: 0 80px;
}

.scebox_hot .scebox {
	display: inline-block;
	float: left;
	width: 23%;
	margin: 0 10px;
}

.scetag {
	float: right;
	color: #fff;
	padding: 4px 20px;
	margin-left: 5px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.scetag1 {
	background: #d85a51;
}

.scetag2 {
	background: #80a076;
}

.scetag3 {
	background: #89b5cb;
}

.scetag4 {
	background: #8dcfca;
}

.scetag5 {
	background: #b7ad6f;
}

.scet h3 {
	clear: both;
	color: #3d3d3d;
	font-size: 23px;
	letter-spacing: 1px;
	margin-top: 20px;
    display: inline-block;
}

.sceimg img {
	margin: 0 auto;
}

.scep p {
	color: #616161;
}

@media(max-width:1700px) {
	.scebox_hot {
		padding: 0 10px;
	}
}

@media(max-width:1400px) {
	.scebox_hot .scebox {
		width: 24%;
		margin: 0 5px;
	}
}

@media(max-width:1199px) {
	.scebox_hot .scebox {
		width: 48%;
		margin: 5px;
	}
	.scebox_hot .scebox:nth-child(3) {
		clear: both;
	}
}

@media(max-width:700px) {
	.scebox_hot .scebox {
		width: 100%;
		margin: 5px 0px;
	}
	.scet h3 {
		font-size: 22px;
	}
	.scep p {
		line-height: 24px;
	}
}

@media(max-width:550px) {
	.city .sceimg,
	.farm .sceimg,
	.hot .sceimg,
	.mount .sceimg,
	.sea .sceimg {
		background-color: #fff;
	}
}

@media(max-width:500px) {
	.scet h3 {
		letter-spacing: 0px;
	}
}

@media(max-width:450px) {
	.mount .sceimg {
		background-color: #80a076;
	}
	.sea .sceimg {
		background-color: #89b5cb;
	}
	.farm .sceimg {
		background-color: #8dcfca;
	}
	.city .sceimg {
		background-color: #b7ad6f;
	}
	.hot .sceimg {
		background-color: #d85a51;
	}
}

@media(max-width:350px) {
	.scet h3 {
		font-size: 20px;
	}
}
/*************/
.scebox_content {
	padding: 0 125px;
	margin-top: 30px;
}
.scebox_content .scebox {
	display: inline-block;
	float: left;
	width: 100%;
	margin: 5px;
}
@media (max-width: 1800px) {
	.scebox_content {
		padding: 0px;
	}
}
@media screen and (max-width:1700px) {
	.scebox_content {
		padding: 0 0px;
		margin-top: 30px;
	}
}
/*********************** 20170328  以上 優質a****************/
.scecontainer {
	display: block;
	margin: auto;
	width: 100%;
}
.scecontainer .item {
	margin: 0.5%;
	float: left;
	background: #ffffff;
	display: block;
	width: 16.3%;
	text-align:left;
}

@media screen and (max-width: 1800px) {
	.scecontainer {
		width: 96%;
	}
	.scecontainer .item {
		width: 19%;
	}
}

@media screen and (max-width: 1400px) {
	.scecontainer .item {
		width: 24%;
	}
}

@media screen and (max-width: 991px) {
	.scecontainer .item {
		width: 32%;
	}
}

@media screen and (max-width:767px) {
	.scecontainer .item {
		width: 49%;
	}
}

@media screen and (max-width:550px) {
	.scecontainer .item {
		width: 99%;
		margin-bottom: 10px;
	}
}
#gotop {
	position:fixed;
	bottom:10%;
	right:10px;
	display:inline-block;
	cursor:pointer;
	display:none;
	z-index:9;
}
.ordericon {
	position:fixed;
	bottom:91px;
	right:15px;
	display:inline-block;
	z-index:9;
}
	.order a {
		display:block;
	}
	
	@media (max-width:500px) {
		.ordericon {
			width:15%;
		}
			.ordericon img {
				width:100%;
			}
		#gotop {
			width:15%;
		}
			#gotop img {
				width:100%;
			}
	}
	@media (max-width:500px) {
		.ordericon {
			width:18%;
		}
		#gotop {
			width:16%;
		}
	}
	@media (max-width:350px) {
		.ordericon {
			width:24%;
		}
		#gotop {
			width:24%;
		}
	}

/*---about_area----------------------------------------------------------------------------------------------------------------------------------*/
.about_area {
	background: url(../../images/about_bg.png) top left no-repeat;
	background-size:cover;
	min-height:942px;
	text-align:left;
	padding:18% 0 0 0;
}
.about_text {
	width:500px;
	margin: 0% 0 6% 19%;
	display:inline-block;
}
h1 {
	color:#92b2c2;
	font-size:36px;
	text-align:left;
}
h2 {
	color:#92b2c2;
	font-size:18px;
	margin:0 0 1% 0;
	text-align:left;
}
.about_area span {
	color:#6d6d6d;
	font-size:16px;
	line-height:29px;
	display:block;
	padding:1% 0;
}
.about_area p {
	font-size: 15px;
    width: 80%;
    display: inline-block;
    vertical-align: top;
	padding:0 0 0 3%;
}
.bird02 {
	position:absolute;
	top: 38%;
    right: 24%;
}
.bird01 {
	text-align: right;
	position: absolute;
    bottom: -9%;
    right: 9%;
	display:inline-block;
}
/*---a_join---------------------------------------------------------------------------------------------------------------------------------*/
.a_join {
	text-align:center;
	width: 35%;
    margin: 0 auto;
    padding: 5% 0 0 0;
}
	.a_join a {
		display:block;
	}
		.a_join img {
			width:100%;
		}
	@media screen and (max-width:1750px) {
		.about_area {
			padding:20% 0 0 0;
		}
	}
	@media screen and (max-width:1650px) {
		.bird02 {
			right:14%;
		}
	}
	@media screen and (max-width:1500px) {
		.bird02 {
			right:5%;
		}
		.bird01 {
			bottom: -4%;
		}
		.bird01 img {
			width:70%;
		}
	}
	@media screen and (max-width:1320px) {
		.bird02 {
			right:10%;
			top:32%;
			text-align:right;
		}
			.bird02 img {
				width:65%;
			}
	}
	@media screen and (max-width:1180px) {
		.about_area {
			padding: 25% 0 0 0;
		}
		.bird01 {
			width:30%;
		}
		.bird01 img {
			width: 100%;
		}
	}
	@media screen and (max-width:1050px) {
		.about_area {
			padding: 30% 0 0 26%;
		}
		.about_text {
			margin: 5% 0 0 0;
		}
		.bird01 {
			right:4%;
			width:23%;
		}
		.a_join {
			padding: 5% 0 10% 0;
		}
	}
	@media screen and (max-width:940px) {
		.about_area {
			padding: 35% 0 0 30%;
		}
	}
	@media screen and (max-width:900px) {
		.about_area {
			padding: 35% 0 0 30%;
		}
		.bird01,.bird02 {
			display:none;
		}
	}
	@media screen and (max-width:900px) {
		.about_text {
			background: rgba(255, 255, 255, 0.8);
			border-radius: 5px;
			padding: 10% 10% 4%;
			width:100%;
			margin-bottom: 10%;
		}
		.about_area {
			padding: 24% 10% 0 10%;
		}
		.a_join {
			padding: 2% 0 0% 0;
		}
	}
	@media screen and (max-width:430px) {
		.about_area {
			padding: 32% 5% 0 5%;
		}
		.about_text {
			padding:10% 3%;
		}
		.bird01 {
		}
		.a_join {
			width:40%;
		}
	}
	@media screen and (max-width:330px) {
		.about_area p {
			width:79%;
		}
	}

/*---join_area-------------------------------------------------------------------------------------------------------------------------------*/
.join_area {
}
	/*join_text*/
	.join_text {
		padding: 10% 2% 1% 18%;
	}
		.join_text ul {
			list-style:none;
		}
			.join_text li {
				display:inline-block;
				vertical-align:top;
			}
			.text {
				text-align:left;
				width:690px;
			}
				h4 {
					color:#f2b861;
					font-size:36px;
					font-weight:bold;
				}
				h5 {
					color:#f2b861;
					font-size:18px;
					margin:0;
					line-height:0;
				}
				.join_text span {
					font-size:16px;
					color:#5c5c5c;
					line-height:29px;
					padding:3% 0 0 0;
					display:block;
				}
			.button {
				text-align:center;
				padding:0 10% 0 1%;
			}
				.button a {
					display:block;
					padding: 17% 0 0 0px;
					transition:.2s ease-in;
					position:relative;
				}
						.button a:hover img {
							transition:ease-out;
							animation:imgflash 1.5s;
						}	
						@keyframes bounce {
							from {
								transform:translateY(0);
							}
							to {
								transform:translateY(-20px);
							}
						}
						@-webkit-keyframes bounce {
							from {
								transform:translateY(0);
							}
							to {
								transform:translateY(-20px);
							}
						}
						
			.bfl {
				position:relative;
				margin-top:-40px;
			}
	/*join_bg01*/
	.join_bg01 {
		background:url(../../images/join_bg01.png) top left no-repeat;
		background-size:cover;
		min-height:218px;
	}
	/*joina*/
	.joina {
		background:#f9f3c2;
		padding:2% 10% 10% 10%;
		position:relative;
	}
		.joina_list {
			display:inline-block;
			vertical-align:top;
			width:40%;
		}
		.tree {
			position:absolute;
			top:0px;
			right:17%;
		}
		@media screen and (max-width:1865px) {
			.button {
				padding: 0 8% 0 1%;
			}
		}
		@media screen and (max-width:1820px) {
			.joina_list img {
				width:100%;
			}
			.tree img {
				width:130%;
			}
		}
		@media screen and (max-width:1715px) {
			.join_text {
				padding: 10% 5% 1% 5%;
			}
		}
		@media screen and (max-width:1530px) {
			.join_text li {
			}
				.join_text li img {
					width:100%;
				}
			.text {
				width:50%;
			}
			.button {
				width:30%;
			}
			.bfl {
				width:15%;
			}
		}
		@media screen and (max-width:1250px) {
			.join_text {
				padding: 14% 5% 1% 5%;
			}
		}
		@media screen and (max-width:1000px) {
			.button a:before {
				border-width: 18px 20px 0 20px;
			}
			.join_text {
				padding: 16% 5% 1% 5%;
			}
			.join_bg01 {
				min-height:140px;
			}
		}
		@media screen and (max-width:800px) {
			.join_text ul {
				padding:0 2%;
			}
			.text {
				width:100%;
			}
			.join_text {
				text-align:center;
			}
			.button {
				width: 35%;
				padding-top: 0%;
			}
			.bfl {
				width: 20%;
				padding-top: 0%;
			}
			.join_bg01 {
				min-height: 90px;
			}
		}
		@media screen and (max-width:500px) {
			.button {
				width: 43%;
				padding-top: 11%;
			}
			.bfl {
				padding-top: 22%;
			}
			.joina_list {
				display: block;
				width: 65%;
				margin: 0 auto;
			}
			.tree {
				position: absolute;
				top: 51%;
    			right: 28%;
			}
			.joina {
				padding: 2% 10% 55% 10%;
			}
			.join_text {
				padding: 22% 5% 1% 5%;
			}
		}
		@media screen and (max-width:390px) {
			.joina {
				padding: 2% 10% 80% 10%;
			}
			.button {
				width:50%;
			}
			.joina_list {
				width:100%;
			}
			.tree {
				top: 53%;
				right: 0px;
			}
			.tree img {
				width: 98%;
			}
			.join_text {
				padding: 26% 5% 1% 5%;
			}
		}
		/*joinb*/
		.joinb {
			text-align:center;
			background:url(../../images/join_bg02.png) top center no-repeat;
			background-size:cover;
			padding:8% 6% 12%;
		}
			.joinb_tit {
				font-size:18px;
				color:#fff;
				position:relative;
				padding:0 0 3% 0;
			}
				.joinb_tit span {
					font-size:36px;
					display:block;
				}
			.joinb_list {
				position:relative;
				z-index:5;
			}
				.joinb_list ul {
					list-style:none;
					padding:0;
				}
					.joinb_list li {
						font-size:16px;
						line-height:29px;
						color:#fff;
						display:inline-block;
						width:26%;
						vertical-align:top;
						padding:0 3% 5%;
					}
						.joinb_list span {
							font-size:25px;
							color:#3e362c;
							text-shadow: 0px 0px 3px #9f9f9fad;
							display:block;
							font-weight:bold;
							padding: 4% 0 2% 0;
						}
						.joinb_list p {
							text-align:left;
							font-size: 17px;
							letter-spacing: 2px;
						}
						@media screen and (max-width:1425px) {
							.joinb_list li {
								width:30%;
							}
								.joinb_list li img {
									width:100%;
								}
						}
						@media screen and (max-width:800px) {
							.joinb {
								padding: 8% 0% 12%;
							}
						}
						@media screen and (max-width:600px) {
							.joinb_list li {
								width: 45%;
								padding: 0 4% 4%;
							}
							.joinb_tit {
								padding: 6% 0 3% 0;
							}
						}
						@media screen and (max-width:425px) {
							.joinb_list span {
								font-size:20px;
							}
							.joinb_list p {
								font-size:15px;
							}
						}
						@media screen and (max-width:400px) {
							.joinb_list li {
								font-size:15px;
								width:70%;
								display:block;
								margin:0 auto;
							}
							.joinb_list span {
								font-size:20px;
							}
							.joinb_tit {
								padding: 20% 0 3% 0;
							}
						}
	/*joinc*/
	.joinc {
		text-align:center;
		background:#f9f3c2;
		padding:6% 0 0 0;
	}
		.joinc img {
			display:inline-block;
			vertical-align:bottom;
		}

			.joinc a {
				display:inline-block;
				vertical-align:top;
				position:relative;
				padding:0 2%;
				display: inline-block;
			}
				.joinc a:before {
					content:'';
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 24px 26px 0 26px;
					border-color: #f5a42a transparent transparent transparent;
					margin:0 auto;
					position:absolute;
					top:-38px;
					left:calc(50% - 20px);
					transition:.2s ease-in-out;
				}
					.joinc a:hover:before {
						animation:bounce .6s infinite alternate;
						-webkit-animation:bounce .6s infinite alternate;
						transition:ease-in-out;
					}	
				@media screen and (max-width:950px) {
					.joinc a img {
						width:85%;
					}
					.jb1 {
						width:25%;
					}
					.jb2 {
						width:20%;
					}
				}
				@media screen and (max-width:700px) {
					.joinc {
						padding: 13% 0 0 0;
					}
				}
				@media screen and (max-width:500px) {
					.joinc a img {
						width:100%;
					}
					.joinc a {
						width:30%;
					}
				}
				@media screen and (max-width:500px) {
					.joinc {
						padding: 16% 0 0 0;
					}
				}
				@media screen and (max-width:400px) {
					.joinc {
						padding: 20% 0 0 0;
					}
				}
				@media screen and (max-width:350px) {
					.joinc {
						padding: 22% 0 0 0;
					}
				}
/*join_float*/
.join_float {
	position:fixed;
	right:10px;
	bottom:20%;
	z-index:9;
}
	.join_float a:hover img {
		animation:bounce .8s infinite alternate;
		-webkit-animation:bounce .8s infinite alternate;
		transition:ease-out;
	}
@keyframes imgflash {
	0% {
		opacity:.5;
	}
	100% {
		opacity:1;
	}
}
@media screen and (max-width:1200px) {
	.join_float {
		width:15%;
	}
	.join_float a {
		display:block;
	}
	.join_float img {
		width:100%;
	}
}
@media screen and (max-width:600px) {
	.join_float {
		width:20%;
	}
}
@media screen and (max-width:465px) {
	.join_float {
		width:26%;
		bottom:23%;
	}
}
.form_area{}
.area_table{
    margin: 0 auto;
	text-align:center;
	width:60%;
	}
.area_table a{
	color:#000;
	transition:.5s all;
}
.area_table a:hover{
	color:#2a6496;
}
/*---imain---------------------------------------------------------------------------------------------------------------------------------*/
.inner {
	background: url(../../images/ibg.png) bottom center no-repeat;
	background-size: contain;
	height:100%;
	background-position-y: 118%;
}
.ititle {
	text-align:center;
	padding:9% 0 3% 0;
	margin:0 auto;
}
	.ititle h1 {
		text-align: center;
		font-size: 18px;
		letter-spacing: 2px;
		color: #fff;
		text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
		opacity:.8;
	}
.index-ad {
	position: absolute;
    top: 12%;
    right: 21%;
}
	.index-ad img {
		width:100%;
	}
	.index-ad a {
		display:block;
		position:relative;
		transition:.3s linear;
	}
		.index-ad a img {
			animation:admove 1s linear infinite alternate;
		}
		.index-ad a:last-of-type img {
			animation:admove .8s linear infinite alternate;
		}
		.index-ad a:hover {
			transform:scale(.9);
		}
		@keyframes admove {
			0% {
				transform:translateY(5px);
			}
			50% {
				transform:translateY(0px);
			}
			100% {
				transform:translateY(-5px);
			}
		}
		@keyframes adimg {
			0% {
				opacity:.5;
			}
			100% {
				opacity:1;
			}
		}
.isearch {
	padding:0px;
}
.isearch .s_l_area {
	background: rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 10px;
}
.titarea .isearch .s_l_area {
	background: rgba(0, 0, 0, 0.35);
}
.ilink {
	text-align:center;
	padding: 2% 0 6% 0;
	margin-top: -2%;
}
	.ilink ul {
		list-style:none;
		padding:0;
	}
		.ilink li {
			display:inline-block;
			width:11%;
			vertical-align:top;
		}
			.ilink a {
				display:block;
			}
/*ivideo*/
#big-video-wrap {
	position:fixed;
	z-index:-1;
}
#bg_video {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:-3;
}
			@media screen and (max-width:1730px) {
				.index-ad {
					right:14%;
				}
			}
			@media screen and (max-width:1100px) {
				.ititle {
					padding: 13% 0 3% 0;
				}
			}
			@media screen and (max-width:1320px) {
				.index-ad {
					right:1%;
					width:20%;
				}
			}
			@media screen and (max-width:1300px) {
				.inner {
					background-size: auto;
					height: 100%;
					background-position-y: 128%;
				}
				.ilink li {
					width:14%;
				}
					.ilink li img {
						width:100%;
					}
			}
			@media screen and (max-width:1024px) {
				.inner {
					background-position-y: 144%;
				}
			}
			@media screen and (max-width:1000px) {
				.ilink {
					padding: 6% 0 6% 0;
				}
				.index-ad {
					width:25%;
				}
			}
			@media screen and (max-width:800px) {
				.ilink li {
					width: 18%;
				}
				.isearch {
					margin: 0 2%;
				}
				.ititle {
					padding: 22% 0 5% 0;
				}
			}
			@media screen and (max-width:790px) {
				.index-ad {
					right: 2%;
					top: 11%;
					margin: 0 auto;
					width: 26%;
				}
				.inner {
					background-position-y: 122%;
				}
			}
			@media screen and (max-width:600px) {
				.isearch .s_l_area {
					background:rgba(0,0,0,.5);
				}
				.titarea .isearch .s_l_area {
					background: rgba(0, 0, 0, 0.3);
				}
				.ititle {
					width: 90%;
					padding: 20% 0 5% 0;
				}
					.ititle img {
						width:70%;
					}
				.index-ad {
					right:0;
					top: 0;
					width: 90%;
					position:relative;
					padding:3% 0;
					text-align:center;
				}
					.index-ad a {
						display:inline-block;
						vertical-align:top;
						width:45%;
					}
				.inner {
					background: url(../../images/mobile_bg.png) bottom center no-repeat;
					background-size:cover;
				}
				#big-video-wrap {
					display:none !important;
					width:0;
					height:0;
					position:absolute;
					visibility:hidden;
				}
				#big-video-vid {
					display:none !important;
				}
				video {
					display:none !important;
				}
				.ititle h1 {
					font-size:15px;
				}
				.ilink li {
					width: 26%;
				}
			}
			@media screen and (max-width:425px) {
				.ilink li {
					width: 26%;
					padding: 0 0em;
				}
				.index-ad {
					width:100%;
				}
			}
			@media screen and (max-width:400px) {
				.ilink li {
					width: 27%;
				}
				.ititle {
					padding: 20% 0 7% 0;
				}
				.ititle img {
					width: 90%;
				}
			}
/*point*/
.point {
	text-align: center;
    background: rgba(0, 0, 0, 0.62);
    color: #fff;
    padding: 10px 2%;
    position: fixed;
	line-height:20px;
	font-size:13px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
	display:none;
}
/*---offers_area---------------------------------------------------------------------------------------------------------------------------*/
.offers_area {
}
	.offer_tit {
		text-align:center;
		min-height:406px;
		padding:8% 0 0 0;
	}
		.offer_tit span {
			color:#313131;
			font-size:14px;
			display:block;
			padding:2% 0;
		}
	.ot01 {
		background:url(../../images/offer_bg01.jpg) top center no-repeat;
		background-size:cover;
	}
	.ot02 {
		background:url(../../images/offer_bg02.jpg) top center no-repeat;
		background-size:cover;
	}
	.ot03 {
		background:url(../../images/offer_bg03.jpg) top center no-repeat;
		background-size:cover;
	}
	.ot04 {
		background:url(../../images/offer_bg04.jpg) top center no-repeat;
		background-size:cover;
	}
	.ot05 {
		background:url(../../images/offer_bg05.jpg) top center no-repeat;
		background-size:cover;
	}
	.ot06 {
		background:url(../../images/offer_bg06.jpg) top center no-repeat;
		background-size:cover;
	}
	.ot07 {
		background:url(../../images/offer_bg07.jpg) top center no-repeat;
		background-size:cover;
	}
	.ot08 {
		background:url(../../images/offer_bg08.jpg) top center no-repeat;
		background-size:cover;
	}
		@media screen and (max-width:1460px) {
			.offer_tit {
				min-height: 360px;
				padding: 10% 0 0 0;
			}
		}
		@media screen and (max-width:950px) {
			.offer_tit {
				min-height: 360px;
				padding: 11% 0 0 0;
			}
		}
		@media screen and (max-width:800px) {
			.offer_tit {
				min-height: 340px;
				padding: 14% 0 0 0;
			}
		}
		@media screen and (max-width:600px) {
			.offer_tit img {
				width:50%;
			}
			.offer_tit {
				min-height: 290px;
			}
		}
		@media screen and (max-width:500px) {
			.offer_tit {
				padding: 18% 0 0 0;
			}
		}
		@media screen and (max-width:470px) {
			.offer_tit {
				min-height: 240px;
				padding: 18% 0 0 0;
			}
		}
		@media screen and (max-width:390px) {
			.offer_tit {
				min-height: 215px;
				padding: 20% 0 0 0;
			}
		}
		@media screen and (max-width:340px) {
			.offer_tit {
				min-height: 200px;
				padding: 21% 0 0 0;
			}
		}
h6 {
	font-size:18px;
	color:#424242;
	letter-spacing:3px;
	text-align:center;
	margin:1% 0;
	font-weight:normal;
}
.region {
	width:70%;
	margin:0 auto;
	text-align:center;
}
	.region ul {
		list-style:none;
		padding:0;
		margin-bottom:3%;
	}
		.region li {
			text-align:center;
			font-size:18px;
			width:12%;
			display:inline-block;
			letter-spacing:2px;
			cursor:pointer;
			padding:0 0 5px 0;
			transition:.2s ease-out;
			position:relative;
		}
			.region a:hover {
				text-decoration:none;
			}
			.region span {
				display:block;
			}
			.region li a {
				display:block;
			}
			.region li:after {
				position:absolute;
				content:'';
				bottom:-5px;
				left:0px;
				width:0;
				height:5px;
				background:#e6e6e6;
				transition:.2s ease-out;
			}
			.region li:hover {
				font-weight:bolder;
			}
				.region li:hover:after {
					width:100%;
				}
/*rlist_area*/
.rlist_area {
	width:90%;
	margin:0 auto;
}
	.region_list {
	}
		.region_tit {
			text-align:center;
			padding:1% 0 2%;
		}
			.region_tit ul {
				list-style:none;
				padding:0;
			}
				.region_tit li {
					display:inline-block;
					width:12%;
					vertical-align:bottom;
					position:relative;
					transition:.2s ease-in;
					cursor:pointer;
				}
				.birdmove {
					position:absolute;
					top:0px;
					left:calc(50% - 32px);
					transition:.2s ease-in;
					z-index:-1;
				}
					.region_tit li:hover .birdmove {
						top:-50px;
					}
		.region_bnb {
			width:100%;
			vertical-align:top;
			text-align:center;
			margin:0 auto;
			min-height:300px;
		}
			.bnbitem li {
				vertical-align: top;
				text-align: center;
				padding: 1%;
				display: block;
				box-sizing: border-box;
				width: 25%;
				float:left;
			}			
			
				.region_bnb a {
					font-size:38px;
					color:#424242;
				}
				.region_bnb img {
					max-width:100%;
					padding-bottom:4%;
				}
				.region_bnb img:hover {
					animation:flashimg 1s;
					-webkit-animation:flashimg 1s;
					opacity:1;
				}
				@keyframes flashimg {
					0% {
						opacity:.4;
					}
					100% {
						opacity:1;
					}
				}
#tab2, #tab3, #tab4, #tab5, #tab6, #tab7, #tab8 {
	display:none;
}
.tabactive {
	font-weight:bolder;
	border-bottom: solid 5px #e6e6e6;
}
				@media screen and (max-width:1580px) {
					.region {
						width: 100%;
					}
				}
				@media screen and (max-width:1260px) {
					.bnbitem li {
						width:33%;
					}
					
				}
				@media screen and (max-width:1200px) {
					.rlist_area {
						width: 100%;
						padding: 0 3%;
					}
					.region_bnb {
						width: 100%;
					}
					.region li {
						width:15%;
					}
				}
				@media screen and (max-width:991px) {
					.region_tit {
						text-align: center;
						padding: 3% 0 2%;
					}
					.region_tit li {
						width:15%;
					}
					.bnbitem {
					}
					.region li {
						width: 18%;
					}
					h6 {
						margin:3% 0;
					}
					.bnbitem .col-md-3 {
						width: 33%;
					}
				}
				@media screen and (max-width:900px) {
					.bnbitem li {
						width: 50%;
						padding:2%;
					}
				}
				@media screen and (max-width:790px) {
					.region li {
						width: 30%;
						margin-bottom: 3%;
						padding: 0 0 5px 0;
					}
					.birdmove {
						top: -43px;
					}
					.region_tit li {
						width: 25%;
						padding: 1% 0;
					}
					.region_tit li:hover .birdmove {
						top:-43px;
					}
					.bnbitem .col-md-3 {
						width: 50%;
					}
				}
				@media screen and (max-width:670px) {
					.region_tit li {
						width:30%;
					}
					.region_tit {
						padding: 5% 0 2%;
					}
					.region_bnb a {
						font-size: 28px;
					}
				}
				@media screen and (max-width:500px) {
					.region_tit li img {
						width:60%;
					}
						.region_tit li img.birdmove {
							    width: 40%;
								top: -40px;
								left:50%;
								transform:translateX(-50%);
						}
					.region_tit li:hover .birdmove {
						top:-42px;
					}
					.region_tit {
						padding: 10% 0 2%;
					}
				}
				@media screen and (max-width:455px) {
					.region li {
						width:32%;
						font-size:16px;
						line-height:24px;
					}
					.region_tit li img.birdmove {
							top: -32px;
					}
					.region_tit li:hover .birdmove {
						top:-32px;
					}
					.bnbitem li {
						width: 100%;
						padding:6%;
					}
					.bnbitem .col-md-3.col-sm-4.col-xs-6 {
						padding: 0;
						width:100%;
					}
					.region_tit li:nth-child(n+4) {
						margin-top:9%;
					}
				@media screen and (max-width:390px) {
					.region li {
						font-size: 14px;
						line-height: 20px;
					}
					.region_tit li img.birdmove {
							top: -30px;
					}
					.region_tit li:hover .birdmove {
						top:-30px;
					}
					.region li {
						letter-spacing:1px;
					}
					h6 {
						margin: 4% 0;
					}
				}
				@media screen and (max-width:350px) {
					.region_tit li img.birdmove {
							top: -28px;
					}
					.region_tit li:hover .birdmove {
						top:-28px;
					}
				}
				@media screen and (max-width:330px) {
					.region_tit li img.birdmove {
							top: -25px;
					}
					.region_tit li:hover .birdmove {
						top:-25px;
					}
				}
/*offer_ad*/
.offer_ad {
	text-align:center;
	min-height:478px;
	margin-top:3%;
}
.ofa01 {
	background:url(../../images/offer_ad_bg01.jpg) top left no-repeat;
	background-size:cover;
}
.ofa02 {
	background:url(../../images/offer_ad_bg02.jpg) top left no-repeat;
	background-size:cover;
}
.ofa03 {
	background:url(../../images/offer_ad_bg03.jpg) top left no-repeat;
	background-size:cover;
}
.ofa04 {
	background:url(../../images/offer_ad_bg04.jpg) top left no-repeat;
	background-size:cover;
}
.ofa05 {
	background:url(../../images/offer_ad_bg05.jpg) top left no-repeat;
	background-size:cover;
}
	.offer_ad img {
		padding-top:8%;
	}
		@media screen and (max-width:1550px) {
			.offer_ad {
				min-height:430px;
			}
				.offer_ad img {
					padding-top:9%;
				}
		}
		@media screen and (max-width:1150px) {
			.offer_ad {
				min-height:400px;
			}
				.offer_ad img {
					padding-top:11%;
				}
		}
		@media screen and (max-width:1000px) {
				.offer_ad img {
					width:95%;
					padding-top:12%;
				}
		}
		@media screen and (max-width:770px) {
			.offer_ad {
				min-height:330px;
			}
				.offer_ad img {
					padding-top:14%;
				}
		}
		@media screen and (max-width:640px) {
			.offer_ad {
				min-height:270px;
			}
		}
		@media screen and (max-width:500px) {
			.offer_ad {
				min-height:210px;
			}
				.offer_ad img {
					padding-top:16%;
				}
		}
		@media screen and (max-width:400px) {
			.offer_ad {
				min-height:200px;
			}
				.offer_ad img {
					padding-top:18%;
				}
		}
		@media screen and (max-width:350px) {
				.offer_ad img {
					padding-top:23%;
				}
		}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
#wowslider-container1.ws_gestures {
	display:inline-block;
}
@media screen and (max-width:1360px) {
	.hot_tit {
		padding: 7% 0 2% 0;
	}
	.hot_area {
		padding: 0 5% 5%;
	}
	.hot_outer {
		padding: 0 6% 12%;
		background-size: 130%,auto;
	}
}
@media screen and (max-width:1240px) {
	.hot_outer {
		padding: 0 6% 16%;
		background-size: 135%,auto;
	}
}
@media screen and (max-width:1230px) {
	.hot_area {
		padding: 0 5% 10%;
	}
	.hot_outer {
		padding: 0 6% 16%;
		background-size: 135%,auto;
	}
}
@media screen and (max-width:1090px) {
	.hot_outer {
		padding: 0 6% 20%;
		background-size: 140%,auto;
	}
}
@media screen and (max-width:900px) {
	.hot_area {
		padding: 0 5% 15%;
	}
	.hot_outer {
		padding: 0 6% 24%;
		background-size: 190%,auto;
	}
}
@media screen and (max-width:755px) {
	.hot_outer {
		padding: 0 6% 27%;
		background-size: 190%,auto;
	}
}
@media screen and (max-width:630px) {
	.hot_area {
		padding: 0 5% 20%;
	}
	.hot_outer {
		padding: 0 6% 32%;
		background-size: 135%,auto;
	}
}
@media screen and (max-width:575px) {
	.hot_outer {
		background-size:cover;
		padding: 0 6% 20%;
	}
}
/*---form_area-----------------------------------------------------------------------------------------------------------------------------*/
.form_area {
	padding:5% 2%;
	width: 70%;
    margin: 0 auto;
	color:#333;
}
	.form_area a {
		color:#f2a42d;
		transition:.2s ease-out;
	}
	.form_area a:hover {
		color:#333;
	}
#form {
	transform:translateY(-50px);
}
table.formtable {
	width:100%;
}
	table.formtable td {
		display:block;
	}
	.telp {
		padding-top:4%;
	}
input {
	font-size: 14px;
    line-height: inherit;
    border: none;
    color: #757575;
    width: 100%;
    padding: 6px 0;
    vertical-align: top;
	border-radius:2px;
}
	@media screen and (max-width:1220px) {
		.form_area {
			width:80%;
		}
	}
	@media screen and (max-width:990px) {
		.telp {
			padding-top:7%;
		}
	}
	@media screen and (max-width:800px) {
		.form_area {
			width:100%;
		}
	}
	@media screen and (max-width:790px) {
		input {
			width:100%;
			padding:10px 0;
			background:#fff;
			color:#666;
		}
	}
	@media screen and (max-width:450px) {
		.telp {
			padding-top:10%;
		}
		input {
			padding: 2% 3%;
		}
		table.formtable td:nth-of-type(2n+0) {
			width:70%;
		}
	}
	@media screen and (max-width:400px) {
		.telp {
			padding-top:13%;
		}
		.form_area {
			padding:10% 3%;
		}
	}
/*---search result---------------------------------------------------------------------------------------------------------------------------*/
/*main*/
.main {
	background:url(../../images/mobile_bg.png) top center no-repeat fixed;
	background-size:cover;
}
	#navbar {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:99;
	}
	/*s_logo*/
	.s_logo {
		background:#322a25;
		width:100%;
		padding:1%;
		text-align:left;
	}
	/*result*/
	.result {
		width:100%;
	}
	.result .s_l_area {
		width:100%;
		border-radius:0;
	}
	/*s_title*/
	.s_title {
		text-align:center;
		height: 84vh;
		padding: 18% 0 0 0;
		position:fixed;
		width:100%;
		background:url(../../images/mobile_bg.png) top center no-repeat fixed;
		background-size:cover;
	}
		.s_title img {
		}
/*---result-------------------------------------------------------------------------------------------------------------------------------*/
#result {
	background:#fff;
	z-index:9;
	position:relative;
	text-align:center;
	padding:3% 15%;
}
	/*space*/
	#space {
		height:25vh;
	}
	/*search_bar*/
	.search_bar {
		color:#000;
		text-align:left;
		font-size:18px;
		padding:0 0 3% 0;
	}
	/*search_block*/
	.search_block {
		padding:2%;
		box-shadow:0px 0px 8px rgba(0,0,0,.3);
		border-radius:2px;
		margin:0 0 3% 0;
		transition:.3s ease-in;
		cursor:pointer;
	}
		.search_block:hover {
			background:#eee;
			box-shadow:0px 0px 0px;
		}
		/*s_img*/
		.s_img {
			display:inline-block;
			vertical-align:top;
			width:40%;
			padding:0 2% 0 0;
		}	
			.s_img img {
				width:100%;
			}
		/*s_info*/
		.s_info {
			display: inline-block;
			vertical-align: top;
			width: 57%;
			text-align: left;
			padding: 1% 0 0 2%;
		}
			/*s_top*/
			.s_top {
			}
				/*s_name*/
				.s_name {
					display:inline-block;
					vertical-align:top;
					width:48%;
				}
					.s_name h1 {
						color:#ff8f2f;
						font-size: 28px;
						font-weight: bold;
					}
					.s_name h2 {
						color: #bdbdbd;
						font-size:15px;
						letter-spacing:0;
						text-transform: capitalize;
						font-family: sans-serif;
						font-weight: 600;
					}
					.s_name h3 {
						color:#000;
						margin:2px 0;
					}
				/*s_price*/
				.s_price {
					display:inline-block;
					vertical-align:top;
					width:50%;
					text-align:right;
					color:#000;
				}
					.s_price del {
						margin-right: 2rem;
						font-weight: 300;
						color: #ccc;
						font-size:3rem;
					}
					.s_price strong{
						color:#ff8f2f;
						font-size:3rem;
					}
					.currency {
						margin-right: .2rem;
						font-size: 1.3rem;
						position: relative;
						top: -1rem;
					}
			/*s_text*/
			.s_text {
				color: #333;
				margin: 3% 0 0 0;
				border-left: solid 1px #a3a3a3;
				padding: 0 0 0 2%;
			}
			.no_re {
				color:#C00;
			}
			/*no_result*/
			.no_result .s_text {
				border:none;
			}
			/*result_mo*/
			.result_mo {
				display:none;
			}
			.mobileline {
				display:none;
			}
			@media screen and (max-width:1440px) {
				.s_title {
					padding:20% 0 0 0;
				}
				#result {
					padding:3% 10%;
				}
			}
			@media screen and (max-width:1200px) {
				.s_title {
					padding: 23% 0 0 0;
				}
				#result {
					padding:3% 6%;
				}
			}
			@media screen and (max-width:950px) {
				.s_title {
					padding: 25% 0 0 0;
				}
				.s_title img {
					width: 41%;
				}
				.s_name {
					width:100%;
				}
				.s_price {
					width:100%;
					text-align:left;
					padding:1% 0;
				}
				#space {
					height:20vh;
				}
			}
			@media screen and (max-width:900px) {
				#space {
					height:10vh;
				}
				.result {
					display:none;
				}
				.s_logo {
					padding:2%;
				}
				.result_mo  {
					display:block;
					color: #aaa;
					padding:0 0 8% 0;
				}
				.result_mo .s_l_area {
					background:none;
				}
				.result_mo .s_list p {
					display:none;
				}
				.result_mo select,.result_mo input {
					background:#e8e8e8 !important;
				}
				.result_mo .s_icon button {
					background: #f5b24d;
					border: solid 1px #f5b24d;
				}
				.mobileline {
					display:block;
					padding: 0 0 5% 0;
				}
				.s_img {
					width:100%;
					padding:1%;
				}
				.s_info {
					width:100%;
					padding:5% 2%;
				}
			}
			@media screen and (max-width:800px) {
				.result {
					margin:0;
				}
			}
			@media screen and (max-width:500px) {
				.s_title {
					height:auto;
					background-attachment: inherit;
					height: 45vh;
					background: url(../../images/mobile_bg.png) top center no-repeat;
					background-size: cover;
					position: relative;
				}
				.s_title img {
					width:50%;
				}
			}
			@media screen and (max-width:425px) {
				.s_logo {
					padding: 3%;
				}
					.s_logo img {
						width:85%;
					}
			}
			@media screen and (max-width:375px) {
				.s_title img {
					width:40%;
				}
				#result {
					padding: 3% 4%;
				}
			}
/*---quick_block---------------------------------------------------------------------------------------------------------------------------*/
.quick_block {
	text-align:center;
	width:570px;
	max-width:90%;
	margin:0 auto 1%;
}
	/*quick_block_title*/
	.quick_block_title {
		padding:0 0 3%;
	}
	/*qkbtn*/
	.qkbtn {
		position:relative;
	}
		.qkbtn:before {
			content:'';
			background:url(../../images/qkdeco.png) top left no-repeat;
			background-size:auto;
			width:40px;
			height:25px;
			position:absolute;
			left:0;
			bottom:33%;
		}
		.qkbtn:after {
			content:'';
			background:url(../../images/qkdeco.png) top right no-repeat;
			background-size:auto;
			width:40px;
			height:25px;
			position:absolute;
			right:0;
			bottom:33%;
		}
		.qkbtn ul {
			padding:0;
		}
			.qkbtn li {
				display:inline-block;
				width:30%;
				padding:1%;
				vertical-align:top;
			}
				.qkbtn li img {
					transition:.3s ease-in;
					opacity:.8;
				}
				.qkbtn li:hover img {
					-webkit-filter: brightness(1.4);
					-webkit-filter: brightness(1.4);filter: brightness(1.4);
				}
				@media screen and (max-width:630px) {
					.quick_block_title img {
						width:56%;
					}
					.qkbtn li {
						width:25%;
					}
						.qkbtn li img {
							width:100%;
						}
					.qkbtn:after,.qkbtn:before {
						background-size:90%;
					}
				}
				@media screen and (max-width:425px) {
					.quick_block_title {
						padding: 2% 0 4%;
					}
					.quick_block_title img {
						width:63%;
					}
					.qkbtn li {
						width:28%;
					}
					.qkbtn:after,.qkbtn:before {
						background-size:54%;
						bottom:28%;
					}
				}
/*---ilink_title_area--------------------------------------------------------------------------------------------------------------------------*/
.ilink_title_area {
	text-align:center;
	padding-top:2%;
}
	/*ilink_arrow*/
	.ilink_arrow {
		padding-bottom:2%;
		display:inline-block;
		animation:bounce .8s infinite alternate ease-in;
	}
	.ilink_title {
		background:url(../../images/ilink_title.png) top center no-repeat;
		background-size:cover;
		width:633px;
		min-height:44px;
		margin:0 auto;
	}
	@keyframes bounce {
		0% {
			transform:translateY(0px);
		}
		100% {
			transform:translateY(20px);
		}
	}
		@media screen and (max-width:1000px) {
			.ilink_title_area {
				text-align: center;
				padding-top: 4%;
			}
			.ilink_arrow {
				padding-bottom:2%;
			}
		}
		@media screen and (max-width:700px) {
			.ilink_title_area {
				padding-top:5%;
			}
			.ilink_title_area img {
				width:90%;
			}
			.ilink_arrow {
				padding-bottom:6%;
			}
			.ilink_title {
				width:100%;
				-webkit-filter: drop-shadow(2px 2px 5px #000);
				filter: drop-shadow(2px 2px 5px #000);
			}
		}
		@media screen and (max-width:600px) {
			.ilink_title_area {
				padding-top:5%;
			}
			.ilink_title_area img {
				width:90%;
			}
			.ilink_arrow {
				width:8%;
			}
		}
		@media screen and (max-width:425px) {
			.ilink_title {
				min-height:43px;
			}
		}
/*---section_htbnb------------------------------------------------------------------------------------------------------------------------------*/	
#section_htbnb {
	text-align:center;
	padding:3% 0 5% 0;
	overflow:hidden;
}
	/*htbnb_title*/
	.htbnb_title {
		padding-bottom:2%;
	}
	/*htbnb*/
	.htbnb {
		z-index:8;
	}
ul.newyear {
}
ul.newyear a {
	transition:.6s ease all;
}
	ul.newyear a:hover {
		transform:translateY(15px);
	}
	@media screen and (max-width:800px) {
		ul.newyear li {
			width: 15%;
		}
	}
	@media screen and (max-width:600px) {
		ul.newyear l i {
			width: 30%;
			padding:1em;
		}
	}
	@media screen and (max-width:430px) {
		ul.newyear li {
			width: 40%;
			padding:0 1em;
		}
	}