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

ul {
    margin-bottom: 0px;
}

body {
    font-family: Arial, sans-serif,"微軟正黑體", "Microsoft JhengHei";
    position: relative;
    font-size: 16px;
	letter-spacing:1px;
	line-height:30px;
	background:#fff;
	color:#000;
}

a {
    display: inline-block;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}

/******************************************************************************************************************************************************/
/*---dex_area-----------------------------------------------------------------------------------------------------------------------------------------*/	

/*dex area*/
/*************************
***********dex***********
**************************/

.dex1 {
	background-image: url(../../flash/dex1.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.dex2 {
	background-image: url(../../flash/dex2.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.dex3 {
	background-image: url(../../flash/dex3.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}


/******/

.item .it {
	padding: 0;
	margin: 0;
}

.item .it {
	float: left;
	display: inline-block;
}

.items1 {
	width: 14%;
	height: 670px;
	-webkit-animation: anitems1 0.5s;
	-webkit-animation-direction: normal;
	animation:anitems1 0.5s;
	animation-direction: normal;
	top: 0px;
	position: relative;
}

.items2 {
	width: 72%;
	height: 580px;
	-webkit-animation: anitems2 1.5s;
	-webkit-animation-direction: alternate;
	animation:anitems2 1.5s;
	animation-direction: alternate;
	top: 0px;
	position: relative;
}

.items3 {
	width: 14%;
	height: 670px;
	-webkit-animation: anitems3 0.5s;
	-webkit-animation-direction: normal;
	animation:anitems3 0.5s;
	animation-direction: normal;
	top: 0px;
	position: relative;
}

.cus_dex {
	margin-bottom: 150px;
}

@-webkit-keyframes anitems1 {
	0% {
		transform: translateX(50px);
	}
	100% {
		transform: translateX(0px);
	}
}

@keyframes anitems1 {
	0% {
		transform: translateX(50px);
	}
	100% {
		transform: translateX(0px);
	}
}

@-webkit-keyframes anitems2 {
	0% {
		transform: translateX(10px);
	}
	100% {
		transform: translateX(0px);
	}
}

@keyframes anitems2 {
	0% {
		transform: translateX(10px);
	}
	100% {
		transform: translateX(0px);
	}
}

@-webkit-keyframes anitems3 {
	0% {
		transform: translateX(50px);
	}
	100% {
		transform: translateX(0px);
	}
}

@keyframes anitems3 {
	0% {
		transform: translateX(50px);
	}
	100% {
		transform: translateX(0px);
	}
}

/*************************
****slidershow  - fade******
**************************/

.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}

/*---carousel fade-----------------------------------------------------------------------------------------------------------------------------------*/
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;	
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.carousel {
}


/************左右鍵背景透明*************/

.carousel-control.left {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 21px 26px 21px 0;
	border-color: transparent #000000 transparent transparent;
	opacity:1;
}

.carousel-control.right {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 21px 0 21px 26px;
	border-color: transparent transparent transparent #000000;
	opacity:1;
}


/*******slider-自訂********/

.carousel-control {
	padding-top: 25%;
}
/*---top_block-----------------------------------------------------------------------------------------------------------------------------------------*/
.top_block {
	position:relative;
	min-height:590px;
}
	.logo {
		text-align:center;
		z-index:2;
		position:absolute;
		top:18%;
		left:calc(50% - 176px);
	}
	.carousel {
		z-index:-1;
	}
	.dexarea {
		background: url(../../images/topmask.png) top center no-repeat;
		background-size: cover;
		position: absolute;
		top: 0px;
		width: 100%;
		min-height:1900px;
	}
	@media screen and (max-width:1870px) {
		.items1 {
			width:13%;
		}
		.items2 {
			width:74%;
		}
		.items3 {
			width:13%;
		}
	}
	@media screen and (max-width:1840px) {
		.items1 {
			width:11%;
		}
		.items2 {
			width:78%;
		}
		.items3 {
			width:11%;
		}
	}
	@media screen and (max-width:1740px) {
		.items1 {
			width:10%;
		}
		.items2 {
			width:80%;
		}
		.items3 {
			width:10%;
		}
	}
	@media screen and (max-width:1695px) {
		.items1 {
			width:8%;
		}
		.items2 {
			width:84%;
		}
		.items3 {
			width:8%;
		}
	}
	@media screen and (max-width:1620px) {
		.items1 {
			width:6%;
		}
		.items2 {
			width:88%;
		}
		.items3 {
			width:6%;
		}
	}
	@media screen and (max-width:1535px) {
		.items1 {
			width:4%;
		}
		.items2 {
			width:96%;
		}
		.items3 {
			width:4%;
		}
	}
	@media screen and (max-width:1450px) {
		.items1 {
			width:0%;
		}
		.items2 {
			width:100%;
			animation:normal;
		}
		.items3 {
			width:0%;
		}
	}
	@media screen and (max-width:700px) {
		.dexarea {
			min-height: 1500px;
		}
	}
	@media screen and (max-width:500px) {
		.logo {
			width:100%;
			top: 10%;
    		left:0px;
		}
			.logo img {
				width:55%;
			}
		.dexarea {
			min-height: 1200px;
		}
		.items2 {
			height:380px;
		}
	}
	@media screen and (max-width:390px) {
		.logo {
			top: 13%;
		}
		.dexarea {
			min-height: 1000px;
		}
		.items2 {
			height:310px;
		}
	}

/*---inews----------------------------------------------------------------------------------------------------------------------------------------*/
.side {
	overflow:hidden;
}
	.inews {
		position:fixed;
		top:55%;
		right:-290px;
		cursor:pointer;
		z-index:9;
		transition:.3s ease-in;
	}
		.inews_tit {
			background:#000;
			padding: 4% 0 0 0;
			height:200px;
			width:32px;
			text-align:center;
			vertical-align:middle;
			float:left;
		}
		.inews_list {
			background:#fff;
			border:solid 5px #000;
			border-radius:5px;
			min-height:200px;
			display:inline-block;
			vertical-align:middle;
			min-width:290px;
			padding:3%;
		}
			.inews_list table {
				color:#000;
			}
				.inewsslider {
					right:-5px;
				}
				.inews:hover  {
					right:-5px;
				}
				@media screen and (max-width:340px) {
					.inews_list {
						min-width:230px;
					}
					.inews {
						right:-230px;
					}
					.inewsslider {
						right:-5px;
					}
				}
	



/*---main------------------------------------------------------------------------------------------------------------------------------------------------*/
.main {
	z-index:3;
	text-align:center;
	background:url(../../images/bg_bottom.png) bottom center no-repeat;
	background-size:contain;
}
	/*head_area*/
	.head_area {
		position:relative;
		text-align:center;
	}
		.head_bg {
			margin: -60px 0 0 0;
		}
		.ballon {
			position:absolute;
		}
			.b1 {
				left:23%;
				bottom:4%;
				animation: ballon1 1s linear infinite alternate;
			}
			.b2 {
				right:24%;
				top:12%;
				animation: ballon2 1s linear infinite alternate;
			}
			@keyframes ballon1 {
				from {
					transform:translateY(0);
				}
				to {
					transform:translateY(10px);
				}
			}
			@keyframes ballon2 {
				from {
					transform:translateY(15px);
				}
				to {
					transform:translateY(0);
				}
			}
			
			@media screen and (max-width:1500px) {
				.b1 {
					left:7%;
				}
				.b2 {
					right:8%;
				}
			}
			@media screen and (max-width:1000px) {
				.b1 {
					left:0%;
					bottom: 0%;
				}
				.b2 {
					right:2%;
					top: 12%;
				}
			}
			@media screen and (max-width:840px) {
				.b1 {
					left:1%;
					bottom: 5%;
				}
				.b2 {
					right:1%;
					top: 17%;
				}
				.ballon {
					width:29%;
				}
					.ballon img {
						width:100%;
					}
			}
			@media screen and (max-width:700px) {
				.b1 {
					left: 4%;
    				bottom: 48%;
				}
				.b2 {
					right: 7%;
    				top: -25%;
				}
				.ballon {
					width:32%;
				}
					.ballon img {
						width:100%;
					}
			}
			@media screen and (max-width:500px) {
				.head_bg {
					margin: -42% 0 0 0;
				}
					.head_bg img {
						width:80%;
					}
				.ballon {
					width:32%;
				}
					.ballon img {
						width:100%;
					}
				.inner {
					margin-top: -60px;
				}
			}
			@media screen and (max-width:390px) {
				.head_bg {
					margin: -73% 0 0 0;
				}
			}
			@media screen and (max-width:340px) {
				.head_bg {
					margin: -85% 0 0 0;
				}
			}
	/*inner*/
	.inner {
		position: relative;
    	margin-top: -92px;
	}
		.mbg_top {
			background:url(../../images/mainbg_top.png) top center no-repeat;
			background-size:contain;
			min-height:240px;
		}
		.minner {
			background:url(../../images/mainbg_middle.png) center repeat-y;
			background-size:auto;
		}
		.mbg_bottom {
			background:url(../../images/mainbg_bottom.png) bottom center no-repeat;
			background-size:contain;
			min-height:127px;
		}
			@media screen and (max-width:1400px) {
				.mbg_top {
					background-size:cover;
				}
				.minner {
				}
				.mbg_bottom {
					background-size:cover;
				}
			}
			
		/*scroll*/
		.scroll {
			text-align:center;
			transform:translateY(-100px);
			animation: updown 2s infinite;
			transition:opacity .3s linear;
		}
			.scroll a {
				display:inline-block;
			}
			@keyframes updown {
				0% {
					transform:translateY(-100px);
					opacity:0;
				}
				50% {
					opacity:1;
				}
				100% {
					transform:translateY(-40px);
					opacity:0;
				}
			}
			
		/*navbar*/
		.navbar {
			margin:0 0 10px 0;
			padding: 1% 0 5px 0;
		}
			.navbar ul {
				list-style:none;
			}
				.navbar li {
					display:inline-block;
					padding:0 2%;
					text-align:center;
					vertical-align:bottom;
					position:relative;
				}
					.navbar li:after {
						content:'';
						position:absolute;
						bottom:8px;
						left:0px;
						width:1px;
						height:27px;
						background:#000;
					}
					.navbar li:nth-of-type(1):after {
						display:none;
					}
				.navbar .navlogo {
					transform: scale(0);
    				display: none;
					transition:.2s ease-out;
				}
					.navbar li a {
						color:#000;
						font-weight:900;
						transition: .2s ease-in;
					}
						.navimg {
							padding:0 0 6% 0;
						}
						.nav {
						}
							.navbar li a:hover {
							}
/*---mobile ibutton----------------------------------------------------*/
.mibutton {
	position: fixed;
	top:3px;
	right: 23px;
	width: 52px;
	height: 40px;
	padding: 0 10px;
	border-radius: 7px;
	font-size: 12px;
	z-index: 999;
	cursor:pointer;
	display:none;
}
	.mibutton span {
		display: inline-block;
		width: 30px;
		height: 3px;
		background: #000;
		transition: .3s ease all;
		position: absolute;
	}
		.mibutton span:nth-child(1) {
			top:10px;
		}
		.mibutton span:nth-child(2) {
			top:20px;
			width:25px;
		}
		.mibutton span:nth-child(3) {
			top:30px;
		
		}
	.mibutton_ani span {
		background:#FC0;
	}
		.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;
		}
	.menufixed { 
		z-index: 99; 
		position: fixed; 
		top:0px;
		left:0px;
		width: 100%;
		bottom:inherit;
		transition: all 0.3s ease-in-out;
		background:#fff;
		margin:0px;
		box-shadow:0px 2px 10px rgba(0,0,0,0.2);
	}
		.menufixed .navlogo {
			transform: scale(1);
    		display: inline-block;
		}
		.menufixed li a:hover {
			color:#FC0;
		}
		.menufixed  .hvr-float-shadow:before {
			display:none;
		}
		@media screen and (max-width:990px) {
			.mibutton  {
				display:block;
			}
			.menufixed .navlogo {
				display:none;
			}
			.navbar {
				display:none;
				position:fixed;
				top:0px;
				left:0px;
				background:#fff;
				padding:1% 0 2%;
				box-shadow:0px 2px 10px rgba(0,0,0,0.2);
				width:100%;
				min-height:inherit;
				border-radius:2px;
				z-index:9;
			}
			.hvr-float-shadow:before {
				display:none;
			}
			.navbar li a:hover {
				color:#FC0;
			}
		}
		@media screen and (max-width:700px) {
			.navbar li:after {
				display:none;
			}
			.navbar li {
				width:30%;
				padding:3% 2%;
			}
		}
		@media screen and (max-width:500px) {
			.navbar li {
				width:33%;
				padding:6% 2%;
			}
		}
		
		/*title*/
		.title {
			text-align:center;
			padding:4% 0 5% 0;		
		}		
		/*title*/
		.abtitle {
			text-align:center;
			padding:4% 0 5% 0;
		}
		@media screen and (max-width:484px) {
			.abtitle img {
				width:80%;
			}
		}
		/*tl_area*/
		.tl_area {
			text-align:center;
			width:100%;
			margin:0 auto;
			position:relative;
		}
			.tl_area ul {
				list-style:none;
				font-size:0px;
				padding-bottom:1%;
			}
				.tl_area li {
					text-align:center;
					display:inline-block;
					position:relative;
				}
					.tl_area li a {
						color:#fff;
						transition:.2s linear;
					}
						.tl_img {
							padding-bottom:7px;
							transition:.3s linear;
						}
							.tl_area li a:hover {
							}
							.tl_area li a:hover .tl_img {
								transform: rotateY(180deg);
							}
						.flag {
							position:absolute;
							bottom:8px;
							left:0px;
						}
						.tl_icon {
							position:absolute;
							bottom:7px;
							left:-8px;
						}
						.tl_hour {
							font-size:16px;
							font-weight:bold;
							letter-spacing:0;
							line-height:23px;
						}
						.color1 {
							background:#ffe210;
							padding:0 90px;
						}
						.color2 {
							background:#ff9e12;
							padding:0 35px;
						}
						.color3 {
							background:#ff7212;
							padding:0 130px;
						}
						.color4 {
							background:#ed1c24;
							padding:0 90px;
							position:relative;
						}
							.color4:after {
								content:'';
								position:absolute;
								top:0px;
								right:-7px;
								width: 0;
								height: 0;
								border-style: solid;
								border-width: 11.5px 0 11.5px 7px;
								border-color: transparent transparent transparent #ed1c24;
							}
							@media screen and (max-width:910px) {
								.color1 {
									padding:0 50px;
								}
								.color2 {
									padding:0 20px;
								}
								.color3 {
									padding:0 70px;
								}
								.color4 {
									padding:0 60px;
								}
							}
							@media screen and (max-width:565px) {
								.color1 {
									padding:0 30px;
								}
								.color2 {
									padding:0 15px;
								}
								.color3 {
									padding:0 50px;
								}
								.color4 {
									padding:0 40px;
								}
							}
							@media screen and (max-width:440px) {
								.color1 {
									padding:0 15px;
								}
								.color2 {
									padding:0 15px;
								}
								.color3 {
									padding:0 15px;
								}
								.color4 {
									padding:0 15px;
								}
								.title {
									padding: 3% 2% 15% 2%;
								}
									.title img {
										width:100%;
									}
							}
							@media screen and (max-width:390px) {
								.color1 {
									padding:0 12px;
								}
								.color2 {
									padding:0 12px;
								}
								.color3 {
									padding:0 12px;
								}
								.color4 {
									padding:0 12px;
								}
								.title {
									padding: 3% 2% 20% 2%;
								}
							}
		/*station_area*/
		.station_area {
			background:url(../../images/dotline.png) top center no-repeat;
			background-size:auto;
			padding:1% 22%;
		}
			.station {
				padding:4% 0;
			}
				.sleft {
					display:inline-block;
					width:40%;
					vertical-align:top;
					text-align:center;
				}
				.sp2_w {
					width:35%;
				}
					.sp {
					}
						.sp img {
							animation:bubble 4s 0s infinite alternate paused;
							border-radius:100%;
							cursor:pointer;
						}
						.sp img:hover {
							animation:bubble 4s 0s infinite alternate running;
						}
					.sp2 {
						display:inline-block;
						width:22%;
						vertical-align:top;
						margin:-20px 0 0 0;
					}
						.sp2 img {
							display:block;
							padding:0 0 6% 0;
							animation:bubble 4s 0s infinite alternate paused;
							border-radius:100%;
							cursor:pointer;
						}
							.sp2 img:hover {
								animation:bubble 4s 0s infinite alternate running;
							}
					.sp3 {
						margin:-160px 0 0 0;
					}
						.sp3 img {
							padding:0 3% 1% 0;
							vertical-align:bottom;
							animation:bubble 4s 0s infinite alternate paused;
							border-radius:100%;
							cursor:pointer;
						}	
							.sp3 img:hover {
								animation:bubble 4s 0s infinite alternate running;
							}
					@keyframes bubble {
						0%{ border-radius: 60% 50% 60% 40% / 60% 50% 60% 40% }
						20%{ border-radius: 35% 65% 65% 35% / 50% 64% 36% 50% }
						40%{ border-radius: 50% 50% 65% 35% / 37% 60% 40% 63% }
						60%{ border-radius: 60% 40% 63% 37% / 65% 55% 45% 35% }
						80%{ border-radius: 40% 60% 44% 56% / 57% 35% 65% 43% }
						100%{ border-radius: 37% 63% 53% 47% / 65% 64% 36% 35% }
					}
					.shouse {
						padding:3% 0 0 0;
						position:relative;
						display:inline-block;
						text-align:center;
					}
						.mainhouse,.mainhouse2,.mainhouse3,.mainhouse4 {
							cursor:pointer;
							transition:.3s ease-in;
							display:inline-block;
						}
						.hin {
							background:url(../../images/house_bg.png) top center no-repeat;
							background-size:contain;
							cursor:pointer;
							position:absolute;
							top:-237px;
							left:-175px;
							width:423px;
							height:238px;
							transform:scale(0);
							transition:.5s ease all;
						}
						.house_in {
							transform:scale(0);
							transition:.5s ease all;
						}
							.hin ul {
								list-style:none;
								padding: 7% 0 0 0;
							}
								.hin li {
									display:inline-block;
									vertical-align:top;
									padding:1% 1%;
								}
									.hin a {
									}
									.hin img {
										width:100%;
									}
									.shouse:hover .house_in {
										transition:.3s ease-in;
										transform:scale(1);
									}
				.sright {
					display:inline-block;
					width:40%;
					vertical-align:top;
					padding:2% 0 0 0;
					text-align:center;
				}
					h1 {
						font-size:20px;
						font-weight:900;
						padding:3% 0 3% 0;
						margin:0;
					}
					.sright span {
						text-align:left;
						display:block;
						font-size:15px;
						line-height:30px;
					}
					.station:nth-of-type(3) {
						padding:22% 0 5% 0;
					}
					
		  /*traffic_link*/
			.traffic_link {
				text-align:center;
				padding:14% 0 0 0;
			}
				.traffic_link ul {
					list-style:none;
				}
					.traffic_link li {
						display:inline-block;
						padding:0 2%;
						vertical-align:bottom;
					}
						.traffic_link a {
							position:relative;
						}
							.tran1 {
								position:absolute;
								top: -68px;
    							left: 8px;
								opacity:0;
								transition:opacity .3s ease-in;
							}
								.traffic_link a:hover .tran1 {
									opacity:1;
									animation: tranmov .7s ease-in-out infinite alternate;
								}
								@keyframes tranmov {
									from {
										transform:translateY(0);
									}
									to {
										transform:translateY(-5px);
									}
								}
div.wh-widget-send-button-wrapper {
	bottom:9%;
}
/*gotop*/
#gotop {
	position:fixed;
	bottom: 7%;
    right: 1%;
	cursor:pointer;
	display:none;
}							@media screen and (max-width:1860px) {
									.station_area {
										padding: 2% 20%;
									}
									.station:nth-of-type(3) {
										padding: 22% 0 2% 0;
									}
									.traffic_link {
										padding: 15% 0 0 0;
									}
								}
								@media screen and (max-width:1740px) {
									.traffic_link {
										padding: 15% 0 3% 0;
									}
									.station:nth-of-type(3) {
										padding: 22% 0 5% 0;
									}
									#gotop {
										right:6%;
									}
									.sp3 img {
										width:48%;
									}
										.sp3 img:nth-of-type(2) {
											width:42%;
										}
								}
								@media screen and (max-width:1600px) {
									.sp2 img {
										width:100%;
									}
									.sp2 img:nth-of-type(1) {
										width:80%;
									}
									.station:nth-of-type(3) {
										padding: 27% 0 10% 0;
									}
								}
								@media screen and (max-width:1400px) {
									.station_area {
										padding: 2% 8%;
									}
									.station:nth-of-type(3) {
										padding: 10% 0 5% 0;
									}
								}
								@media screen and (max-width:1300px) {
									.station:nth-of-type(3) {
										padding: 10% 0 11% 0;
									}
								}
								@media screen and (max-width:1200px) {
									.station:nth-of-type(3) {
										padding: 15% 0 5% 0;
									}
									.station_area {
										padding: 2% 3%;
									}
								}
								@media screen and (max-width:1100px) {
									.station:nth-of-type(3) {
										padding: 22% 0 10% 0;
									}
									#gotop {
										right: 3%;
										bottom:4%;
									}
								}
								@media screen and (max-width:1000px) {
									.station:nth-of-type(3) {
										padding: 30% 0 14% 0;
									}
								}
								@media screen and (max-width:880px) {
									.station_area {
										background:none;
									}
									.station {
										border-top:dotted 5px #000;
									}
									.traffic_link {
										border-top:dotted 5px #000;
										border-bottom:dotted 5px #000;
										padding: 15% 0 0% 0;
									}
									.sleft {
										width:100%;
										margin:0 auto;
									}
									.sright {
										display:block;
										width:100%;
									}
									h1 {
										padding:3% 0 2% 0;
									}
									.sp2_w {
										width:60%;
									}
									.sp2 {
										width:29%;
									}
									.sp3 img {
										width: 40%;
									}
									.sp3 img:nth-of-type(2) {
										width: 32%;
									}
									.station:nth-of-type(3) {
										padding: 24% 0 4% 0;
									}
								}
								@media screen and (max-width:810px) {
									.traffic_link li {
										width:18%;
									}
								}
								@media screen and (max-width:630px) {
									.station:nth-of-type(3) {
										padding: 32% 0 4% 0;
									}
									.sp2_w {
										width:73%;
									}
									.sp2 {
										width:25%;
									}
								}
								@media screen and (max-width:580px) {
									.traffic_link img {
										width:100%;
									}
									.tran1 {
										top: -53px;
										left: 0px;
									}
									.hin {
										top: -191px;
										left: -136px;
										width: 340px;
										height:190px;
									}
									.hin li {
										width:30%;
									}
									.hin img {
										width: 92%;
									}
									.traffic_link li {
										width:19%;
									}
								}
								@media screen and (max-width:500px) {
									.sp2 {
										display:none;
									}
									.sp2_w {
										width:100%;
									}
									.station:nth-of-type(3) {
										padding: 40% 0 4% 0;
									}
									.traffic_link li {
										padding:0 0px;
									}
								}
								@media screen and (max-width:480px) {
									.tran1 {
										opacity:1;
										top:-75px;
									}
									.traffic_link li {
										width: 18%;
										padding: 10% 0px 0;
									}
								}
								@media screen and (max-width:380px) {
									.station:nth-of-type(3) {
										padding: 55% 0 4% 0;
									}
									.hin {
										top: -179px;
										left: -124px;
										width: 320px;
									}
									.tran1 {
										top: -70px;
									}
									.main {
										padding-bottom: 31%;
									}
								}
								@media screen and (max-width:350px) {
									.hin {
										top: -157px;
										left: -104px;
										width: 280px;
									}
									.sp img {
										width:100%;
									}
								}
						
/*---innav----------------------------------------------------------------------------------------------------------------------------------------*/
.innav {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:99;
	transition: all 0.3s ease-in-out;
	background:#fff;
	margin:0px;
	box-shadow:0px 2px 10px rgba(0,0,0,0.2);
	text-align:center;
}
	.innav .navlogo {
		display: inline-block;
		transform:scale(1);
	}
		.innav li a:hover {
			color:#FC0;
		}
	.innav .inlogo {
		display:none;
	}
	

/*---inmain---------------------------------------------------------------------------------------------------------------------------------------*/
.inmain {
}
	/*intop*/
	.intop {
		background: url(../../images/intop_bg.jpg) top center no-repeat;
		background-size:cover;
		padding: 9% 0 4% 0;
	}
		/*sce_slider*/
		.sce_slider {
			text-align:center;
		}
			.sce_slider .carousel {
				z-index:9;
				width: 75%;
    			margin: 0 auto;
				position:relative;
			}
				.sce_slider .carousel-inner {
					text-align:center;
					margin:0 auto;
				}
				.scetit {
					display:inline-block;
					position:absolute;
					z-index: 9;
					left: 9%;
					top: 15%;
				}
				.sce_slider .item {
				}
					.sce_slider .item a {
						display:inline-block;
						color:#000;
						transition:.3s ease-out;
					}
						.sce_slider .item a:hover {
							opacity:.8;
						}
					.sce_slider .item img {
						text-align:center;
						margin:0 auto;
						display:inline-block;
						vertical-align:top;
					}
					.scetext {
						font-size:15px;
						line-height:32px;
						display:inline-block;
						text-align:left;
						width:15%;
						vertical-align:top;
						padding: 15% 1% 4% 0;
					}
						.scetext span {
							font-size:21px;
							display:block;
						}
					.sce_slider .carousel-control {
						padding:0;
						top: calc(50% - 21px);
					}
			hr {
				background:#000;
				height:4px;
				margin: -3px 0 0 0;
				width: 82%;
				border-radius: 5px 0 0 5px;
				float: right;
			}
			.hr1 {
				float:left;
				border-radius: 0 5px 5px 0;
				width:86%;
			}
			.hr2 {
				float:left;
				border-radius: 0 5px 5px 0;
				width:86%;
				margin:5% 0 0 0;
			}
				@media screen and (max-width:1800px) {
					.sce_slider .carousel {
						width: 80%;
					}
					hr {
						width:84%;
					}
				}
				@media screen and (max-width:1600px) {
					.sce_slider .carousel {
						width: 90%;
					}
					hr {
						width:86%;
					}
					.sce_slider .item img {
						width:100%;
					}
					.scetext {
						padding: 15% 1% 4% 2%;
					}
				}
				@media screen and (max-width:1480px) {
					.sce_slider .carousel {
						width: 100%;
					}
					.sce_slider .carousel-control {
						padding: 0 10px;
						top: calc(50% - 21px);
					}
					.scetext {
						width:20%;
					}
				}
				@media screen and (max-width:1200px) {
					.intop {
						padding: 13% 0 6% 0;
					}
					.scetit {
						width:24%;
						left: 7%;
						top: 9%;
					}
						.scetit img {
							width:100%;
						}
				}
				@media screen and (max-width:1270px) {
					.scetext {
						padding: 18% 1% 4% 2%;
					}
				}
				@media screen and (max-width:1200px) {
					.scetit {
						width: 24%;
						left: 0;
						top: 0;
						position: relative;
						display:block;
						margin:0 auto;
					}
					.scetext {
						width: 100%;
						display:block;
						padding:2% 20%;
					}
					.sce_slider .item img {
						width: 80%;
					}
				}
				@media screen and (max-width:990px) {
					.intop {
						padding: 8% 0 3% 0;
					}
				}
				@media screen and (max-width:900px) {
					.intop {
						padding: 5% 0 3% 0;
					}
					.innav .navlogo {
						display:none;
					}
					.innav .inlogo {
						display: inline-block;
						padding:2% 0 2% 0;
						transition:.3s ease-in-out;
					}
						.innav .inlogo:hover {
							opacity:.7;
						}
				}
				@media screen and (max-width:600px) {
					.scetit {
						width:35%;
					}
					.scetext {
						padding: 2% 15%;
					}
					.sce_slider .carousel-control {
						display:none;
					}
					.sce_slider .item img {
						width: 90%;
					}
					.innav .inlogo {
						padding:6% 0 2% 0;
					}
				}
				@media screen and (max-width:420px) {
					.scetit {
						width:50%;
					}
					.scetext {
						padding: 3% 10%;
					}
					.sce_slider .item img {
						width: 95%;
					}
					.intop {
						padding: 10% 0 7% 0;
					}
					.innav .inlogo {
						padding:10% 0 2% 0;
					}
				}
		/*sce_block*/
		.bottom_block {
			background:url(../../images/sce_bg.png) top right no-repeat;
			background-size:auto;
		}
			.sce_area {
				padding: 5% 0 3%;
				/* text-align: center; */
				margin: 0 auto;
				width: 100%;
			}
				.area_tit {
					display:inline-block !important;
					-webkit-writing-mode: vertical-rl;
					writing-mode: vertical-rl;
					font-size:38px;
					font-weight:bolder;
					width:17%;
					padding: 2% 2% 0 0;
				}
				.sce_list {
					width:70%;
					display:inline-block;
					vertical-align:top;
					text-align:left;
				}
					.s1 {
						padding:0 20px;
						width:20%;
						box-sizing:border-box;
						display:inline-block;
						vertical-align:top;
						float:left;
					}
						.s1 a {
							color:#000;
							transition:.2s ease-in;
							position:relative;
						}
							
							.s1 span {
								text-align:left;
								font-size:16px;
								line-height:28px;
								padding:10% 0 0 0;
								display:block;
								transition:.2s ease-in;
							}
							.s1 h4 {
								text-align:left;
								font-size:18px;
								line-height:22px;
								font-weight:bold;
							}
								.cusioncenter span {
									text-align:center;
									font-weight:bold;
								}
								.s1 a:before {
									position:absolute;
									bottom:0px;
									left:0px;
									content:'';
									height:4px;
									width:0%;
									transition:.2s ease-in;
									background:#000;
								}
							.s1 p {
								color:#999;
								text-align:center;
								font-size:15px;
								line-height:22px;
							}
							.s1 a:hover {
								transform:scale(0.97);
							}
							.s1 a:hover:before {
								width:100%;
							}
							.s1 img {
								transition:.2s ease-in;
								transform:scale(1);
								width:220px;
								height:220px;
								border-radius:50%

							}
							@media (max-width:1600px) {
								.s1 img {
								width:200px;
								height:200px;
								

							}}
							@media (max-width:1500px) {
								.s1 img {
								width:180px;
								height:180px;
								
							}}
							@media (max-width:1300px) {
								.s1 img {
								width:200px;
								height:200px;
								
							}}
							@media (max-width:1190px) {
								.s1 img {
								width:180px;
								height:180px;
								
							}}
							@media (max-width:850px) {
								.s1 img {
								width:200px;
								height:200px;
								
							}}
							@media (max-width:580px) {
								.s1 img {
								width:190px;
								height:190px;
								
							}}
		/*other sce*/
		.othersce {
		}
			.os_tit {
				text-align:center;
				padding:5% 0% 2%;
			}
			@media screen and (max-width:370px) {
				.os_tit {
					padding:7% 2% 4%;
				}
					.os_tit img {
						width:80%;
					}
			}
			/*************************
			********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;
			}
			
			.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 120px;
				margin-top: 30px;
			}
			
			.scebox_content .scebox {
				display: inline-block;
				float: left;
				width: 100%;
				margin: 5px;
			}
			
			@media (max-width: 1800px) {
				.scebox_content {
					padding: 0px;
				}
			}
			
			@media(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%;
			}
			
			@media (max-width: 1800px) {
				.scecontainer {
					width: 96%;
				}
				.scecontainer .item {
					width: 19%;
				}
			}
			
			@media (max-width: 1400px) {
				.scecontainer .item {
					width: 24%;
				}
			}
			
			@media (max-width: 991px) {
				.scecontainer .item {
					width: 32%;
				}
			}
			
			@media (max-width:767px) {
				.scecontainer .item {
					width: 49%;
				}
			}
			
			@media (max-width:550px) {
				.scecontainer .item {
					width: 99%;
					margin-bottom: 10px;
				}
			}
/*---footer----------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	background: url(../../images/infooter_bg.png) bottom no-repeat;
	background-size:cover;
	min-height:670px;
	padding-top: 234px;
}
    @media screen and (max-width:1500px) {
		.footer {
			min-height:400px;
			padding-top: 153px;
		}
	}
	@media screen and (max-width:800px) {
		.footer {
			min-height:400px;
			padding-top: 153px;
		}
	}
	@media screen and (max-width:500px) {
		.footer {
			min-height:250px;
			padding-top: 217px;
		}
	}
	@media screen and (max-width:400px) {
		.footer {
			min-height:250px;
			padding-top: 217px;
		}
	}
/*---scein--------------------------------------------------------------------------------------------------------------------------------------*/
.scein {
	position:relative;
	text-align:center;
	padding:2% 0 0 0;
}
	.scein_tit {
		position: relative;
    	margin: 0 0 -80px 0;
		z-index:3;
	}
	.scein_img {
		text-align:center;
	}
		@media screen and (max-width:1000px) {
			.scein_img {
				padding:0 5%;
			}
				.scein_img img {
					width:100%;
				}
		}
		@media screen and (max-width:700px) {
			.scein_tit {
				margin: 0 0 -60px 0;
			}
			.scein_tit img {
				width:35%;
			}
		}
		@media screen and (max-width:600px) {
			.scein_tit {
				margin: 0 0 -40px 0;
			}
		}
		@media screen and (max-width:420px) {
			.scein_tit {
				margin: 0 0 -30px 0;
			}
			.scein_tit img {
				width:40%;
			}
		}
/*scein_b*/
.scein_b {
	padding:3% 20% 3%;
}
	.scein_place {
		font-size:15px;
		line-height:30px;
		padding:0 1% 3% 0;
	}
	h2 {
		font-size:21px;
		line-height:28px;
	}
	.scein_info_area {
	}
		.scein_info {
			display:inline-block;
			width:48%;
			vertical-align:top;
			padding:0 4% 0 0;
		}
			.scein_info ul {
				list-style:none;
			}
				.scein_info li {
					vertical-align:top;
					border-bottom:solid 1px #000;
					padding:3% 0;
				}
					.scein_info li:nth-of-type(5) {
						border:none;
					}
					.scein_info img {
						vertical-align:top;
						padding:0 1% 0 0;
					}
					.scein_info p {
						display:inline-block;
						margin:0;
					}
					.scein_info a {
						transition:.3s ease all;
					}
						.scein_info a:hover {
							color:#000;
							text-decoration:underline;
						}
		.scein_map {
			display:inline-block;
			width:48%;
			vertical-align:top;
		}
			iframe {
				border-radius:9px;
			}
/*back*/
.back {
	display:block;
	text-align:right;
	width:100%;
	padding:0 18% 0 0;
}
	.back a {
		display:inline-block;
		transition:.3s ease-out;
	}
		.back a:hover {
			transform:translateX(-20px);
			opacity:.8;
		}
		@media screen and (max-width:1800px) {
			.scein_b {
				padding: 3% 15% 3%;
			}
		}
		@media screen and (max-width:1500px) {
			.scein_b {
				padding: 3% 10% 3%;
			}
		}
		@media screen and (max-width:1360px) {
			.scein_b {
				padding: 3% 5% 3%;
			}
		}
		@media screen and (max-width:1200px) {
			.scein_b {
				padding: 3% 2% 3%;
			}
		}
		@media screen and (max-width:1000px) {
			iframe {
				width:100%;
			}
			.back {
				padding:0 6% 0 0;
			}
			.scein_info p {
				display:block;
			}
		}
		@media screen and (max-width:730px) {
			.scein_info {
				display:block;
				width:100%;
			}
			.scein_map {
				display:block;
				width:100%;
				padding:2% 0 0 0;
			}
		}
		@media screen and (max-width:500px) {
			iframe {
				height:250px;
			}
			.back img {
				width:80%;
			}
		}
/*---stay-------------------------------------------------------------------------------------------------------------------------------------*/
input[type="button"].staybutton1 {
	display:block;
	font-size:17px;
	background:#ed1c24;
	border:solid 3px #000;
	border-radius:3px;
	padding:0% 25%;
	font-weight:bolder;
	letter-spacing:0;
	margin:2% 0 0 0;
	transition:.2s ease-out;
}
	input[type="button"].staybutton1:hover {
		background:#000;
		color:#fff;
	}
input[type="button"].staybutton2 {
	font-size:15px;
	padding:0 3%;
	display:block;
	background:#ed1c24;
	border:solid 3px #000;
	border-radius:3px;
	font-weight:900;
	letter-spacing:0;
	margin:5% auto;
	transition:.3s ease-out;
	width:100%;
}
	.stay_list .s1:hover input[type="button"].staybutton2 {
		background:#000;
		color:#fff;
	}
.stay_list span:before {
	display:none;
}
		@media screen and (max-width:1200px) {
			input[type="button"].staybutton1 {
				width:100%;
				padding:0 2%;
				letter-spacing:2px;
			}
		}
		@media screen and (max-width:900px) {
			input[type="button"].staybutton2 {
				width:100%;
			}
		}

/*---cusion--------------------------------------------------------------------------------------------------------------------------------*/
.cusion {
	width:65%;
	margin:0 auto;
}
	.cusiontit {
		display:block;
		text-align:left;
		padding: 0 0 3% 0;
	}
	.cusion div {
		text-align:left;
	}
	.cusion_text {
		text-align:left;
		line-height:28px;
		font-size:15px;
		width:23%;
		display:inline-block;
		vertical-align:top;
	}
		.cusion_text span {
			display:block;
			font-size:21px;
		}
	.cusion_section {
		display:inline-block;
		vertical-align:bottom;
		width:75%;
	}
		.cusion_section ul {
			text-align:center;
		}
			.cusion_section li {
				display:inline-block;
				cursor:pointer;
				width:30%;
			}
	.filtr-item {
		width:22%;
		padding:5px 20px 10px;
	}
	.tabs_area {
		display:inline-block;
	}
	.sce_list {
		display:inline-block;
	}
	@media screen and (max-width:1400px) {
		.cusion {
			width:75%;
		}
		.filtr-item {
			width:22%;
		}
	}
	@media screen and (max-width:1100px) {
		.cusion {
			width:90%;
		}
		.filtr-item {
			width:33%;
		}
		.cusion_section img {
			width:100%;
			padding:0 4%;
		}
	}
	@media screen and (max-width:700px) {
		.cusion_text {
			display:block;
			width:100%;
			padding:0 0 2%;
		}
		.cusion_section {
			width:100%;
		}
		.filtr-item {
			width:48%;
		}
	}
	@media screen and (max-width:500px) {
		.filtr-item {
			display: block;
			width: 100%;
			margin: 0 auto;
		}
		.filtr-container {
		}
		.cusion_section li {
			width:32%;
		}
		.cusion_section img {
			padding:0 2%;
		}
		.cusiontit img {
			width:60%;
		}
		.area_tit {
			width:20%;
		}
	}

/*---cusionin---------------------------------------------------------------------------------------------------------------------------------*/
.cusionin {
}
	.cusionintit {
		text-align:center;
		position: relative;
    	margin: 0px 0 -75px 0;
	}
	.cusionin_info_area {
		background:url(../../images/cusionin_bg.png) top center no-repeat;
		background-size:auto;
		min-height:626px;
		padding: 9% 20% 10%;
	}
		.cusionin_info {
			display:inline-block;
			width:48%;
			vertical-align:top;
			padding:0 3%;
		}
			.cusionin_info span {
				font-size:24px;
				font-weight:bolder;
				letter-spacing:1px;
				display:block;
				text-align:left;
			}
			.cusionin_info ul {
				list-style:none;
			}
				.cusionin_info li {
					border-bottom:solid 1px #000;
					padding:3% 0;
				}
					.cusionin_info li p {
						display:inline-block;
						vertical-align:top;
					}
						.cusionin_info li:nth-of-type(4) {
							border:none;
						}
		.cusionin_map {
			display:inline-block;
			width:48%;
			vertical-align:top;
		}
			@media screen and (max-width:1520px) {
				.cusionin_info_area {
					padding: 11% 12% 10%;
				}
			}
			@media screen and (max-width:1270px) {
				.cusionin_info_area {
					padding: 13% 5% 10%;
					background-size:cover;
				}
			}
			@media screen and (max-width:800px) {
				.cusionin_info {
					display:block;
					width:100%;
				}
				.cusionin_map{
					display:block;
					width:100%;
				}
				.cusionintit {
					margin: 0px 0 -100px 0;
				}
				.cusionin_info span {
					padding:7% 0 0 0;
				}
			}
			@media screen and (max-width:600px) {
				.cusionin_info span {
					padding: 15% 0 0 0;
				}
			}
			@media screen and (max-width:500px) {
				.cusionintit {
					margin: 0px 0 -80px 0px;
				}
					.cusionintit img {
						width:50%;
					}
			}
			@media screen and (max-width:430px) {
				.cusionin_info span {
					padding: 18% 0 0 0;
				}
			}
			@media screen and (max-width:415px) {
				.cusionin_info span {
					padding: 21% 0 0 0;
				}
				.cusionin_info li {
					padding:3% 0 0;
				}
				.cusionin_info li img {
					display:block;
				}
				.cusionin_info li p {
					display:block;
				}
			}
			@media screen and (max-width:350px) {
				.cusionin_info span {
					padding: 25% 0 0 0;
				}
			}
/*---masstraffic------------------------------------------------------------------------------------------------------------------------------*/
.masstraffic {
}
	.masstraffic_tit {
		padding: 0 0 6% 0;
	}
	.traffic_section {
		width:100%;
	}
		.traffic_section ul {
			list-style:none;
		}
			.traffic_section li {
				width:33%;
			}
	.traffic_info {
		padding:0 18%;
	}
	.bus {
	}
	.car {
	}
	.bike {
	}
		/*.trac_tit*/
		.trac_tit {
			color:#000;
			font-size:28px;
			line-height:60px;
			border:solid 4px #000;
			font-weight:bolder;
			display:inline-block;
			padding: 0 6%;
    		margin: 4% 0 5% 0;
		}
		.bus_text span {
        color: #e60012;
         }
		/*.bus_info*/
		.bus_info {
		}
			.bus_info ul {
				list-style:none;
				text-align:left;
			}
			.mrt ul {
				text-align:center;
			}
				.bus_info li {
					text-align:center;
					width:33%;
					display:inline-block;
					vertical-align:bottom;
					padding:0 0 8% 0;
				}
					.bus_info li img {
						padding:0 0 10% 0;
					}
					.bus_tit {
						font-size:24px;
						font-weight:bolder;
					}
						.bus_tit span {
							color:#e60012;
						}
					.bus_text {
						font-size:16px;
						color:#959595;
						padding:0 0 3% 0;
					}
				input[type="button"].tbutton {
					font-size: 18px;
					padding: 0 3%;
					line-height:40px;
					display: block;
					background: #ed1c24;
					border: solid 3px #000;
					border-radius: 3px;
					font-weight: bolder;
					letter-spacing: 0;
					margin: 2% auto;
					transition: .3s ease-out;
					width: 45%;
				}
					input[type="button"].tbutton:hover {
						background:#000;
						color:#fff;
					}
					@media screen and (max-width:1715px) {
						.traffic_info {
							padding:0 15%;
						}
						.traffic_section li {
							width: 30%;
							padding:0 1%;
						}
						.traffic_section img {
							width:100%;
						}
						.bus_info li {
							width:32%;
						}
					}
					@media screen and (max-width:1200px) {
						.bus_info li img {
						}
						.traffic_info {
							padding: 0 10%;
						}
					}
					@media screen and (max-width:1015px) {
						.traffic_info {
							padding: 0 3%;
						}
						input[type="button"].tbutton {
							width:65%;
						}
					}
					@media screen and (max-width:860px) {
						.bus_info li img {
							width: 50%;
						}
					}
					@media screen and (max-width:650px) {
						.bus_info li {
							width: 48%;
						}
					}
					@media screen and (max-width:500px) {
						.bus_info li {
							vertical-align: top;
							padding: 0px 2% 10%;
						}
						.bus_info li img {
							width: 60%;
						}
						.mrt li img {
							width:50%;
						}
						.bus_tit {
							font-size: 18px;
						}
						.bus_text {
							line-height:25px;
						}
						input[type="button"].tbutton {
							width: 100%;
							font-size:15px;
							line-height:30px;
						}
						.map_area span {
							font-size:25px;
						}
						.trac_tit {
							font-size:20px;
							line-height:45px;
							margin: 6% 0 5% 0;
						}
					}
					@media screen and (max-width:350px) {
						.trac_tit {
							font-size:16px;
							line-height:34px;
							margin: 6% 0 5% 0;
						}
						.bus_text {
							font-size:15px;
						}
					}
		/*bike_info*/
		.bike_info {
		}
			.bike_info ul {
				list-style:none;
				text-align:center;
			}
				.bike_info li {
					width:30%;
					display:inline-block;
					vertical-align:bottom;
				}
					.bike_info span {
						display:block;
						font-size:24px;
						font-weight:bolder;
						padding:0 0 5% 0;
					}
					.bike_info img {
						padding:0 0 5% 0;
					}
					@media screen and (max-width:800px) {
						.bike_info li {
							width:40%;
						}
					}
					@media screen and (max-width:590px) {
						.bike_info li {
							width:48%;
						}
					}
					@media screen and (max-width:500px) {
						.bike_info li {
							margin:0 auto;
							padding:0 2% 7%;
						}
						.bike_info img {
							width: 75%;
						}
						.bike_info img:nth-of-type(2) {
							width:55%;
						}
						.bike_info span {
							font-size:18px;
						}
					}
/*---journey-------------------------------------------------------------------------------------------------------------------------------------*/
.journey {
}
	.journey_tit {
	}
		.journey_tit span {
			font-size:24px;
			background:url(../../images/journey_text_bg.png) bottom center no-repeat;
			background-size:auto;
			vertical-align:bottom;
			font-weight:bolder;
			display:inline-block;
			background-position:40%,-20%;
			padding:0 3%;
			letter-spacing:2px;
		}
	.journey_section {
		width:100%;
	}
		.journey_section ul {
		}
			.journey_section li {
				font-size:18px;
				font-weight:bolder;
				width:20%;
				letter-spacing:1px;
			}
				.journey_section li a {
					display:block;
					padding:0 0 15% 0;
				}
					.journey_section li img {
						width:80%;
					}
					@media screen and (max-width:865px) {
						.journey_section li {
							width:24%;
						}
						.journey_section {
							padding:2% 0;
						}
					}
					@media screen and (max-width:730px) {
						.journey_tit span {
							display:block;
							padding: 5% 0 5% 3%;
							background-position: 1%,-20%;
						}
						.journey_tit img {
							width:40%;
						}
						.journey_section li {
							font-size:15px;
						}
					}
					@media screen and (max-width:600px) {
						.journey_section li {
							width:48%;
							padding:0 0 7% 0;
						}
						.journey_tit span {
							font-size:22px;
						}
						.journey_tit img {
							width: 55%;
						}
					}
/*journey_info*/
.journey_info {
	width:64%;
	margin:0 auto;
	padding:3% 0 5%;
}
	/*jleft*/
	.jleft {
		display:inline-block;
		width:28%;
		vertical-align:top;
		text-align:center;
		padding:0 4% 0 0;
	}
		.jtit {
			width:100%;
			background:#fff;
		}
		.jleft ul {
			list-style:none;
		}
			.jleft li {
				padding:5% 0 5% 0;
			}
	/*jright*/
	.jright {
		display:inline-block;
		width:70%;
		vertical-align:top;
	}
		.map {
			width:100%;
			height:450px;
		}
		.jright span {
			font-size:15px;
			line-height:28px;
			display:block;
			padding:3% 0;
			text-align:left;
		}
		.jright ul {
			list-style:none;
			text-align:right;
		}
			.jright li {
				display:inline-block;
				padding:0 1%;
			}
				@media screen and (max-width:1590px) {
					.journey_info {
						width:75%;
					}
				}
				@media screen and (max-width:1390px) {
					.journey_info {
						width:85%;
					}
				}
				@media screen and (max-width:1200px) {
					.journey_info {
						width:95%;
					}
				}
				@media screen and (max-width:1060px) {
					.jleft {
						display:block;
						width:100%;
						padding:0;
					}
					.jleft li {
						display:inline-block;
						width:30%;
						vertical-align:top;
						padding: 0% 0 5% 0;
					}
					.jright {
						display:block;
						width:100%;
					}
				}
				@media screen and (max-width:685px) {
					.jleft li {
						padding:0 1% 5% 1%;
					}
						.jleft li img {
							width:100%;
						}
					.map {
						height:300px;
					}
				}
				@media screen and (max-width:550px) {
					.jright li {
						width:22%;
					}
						.jright li img {
							width:100%;
						}
				}
				@media screen and (max-width:400px) {
					.map {
						height:200px;
					}
				}

/*---news_area-----------------------------------------------------------------------------------------------------------------------------------*/
.fornews {
	padding:0 0 15% 0;
}
.news_area {
	text-align:center;
	background:rgba(255,255,255,.5);
	width:70%;
	margin:0 auto;
	padding:10% 2% 5% 2%;
}
	.news_tit {
		text-align:center;
	}
	.newstable {
		padding:3% 0;
	}
		.newstable .ntable {
			width:70%;
			margin:0 auto;
		}
		.newstable a {
			color:#000;
			font-size:18px;
			transition:.2s linear;
			letter-spacing:2px;
		}
			.newstable a:hover {
				color:#ed1c24;
			}
		.ripple2 input[type=button] {
			background: #000;
			color: #fff;
			letter-spacing: 2px;
			border: solid 1px #fff;
			padding: 1% 4%;
			border-radius: 7px;
			transition:.2s ease-in;
			font-weight:bold;
		}
			.ripple2 input[type=button]:hover {
				color:#ed1c24;
				border: solid 1px #ed1c24;
			}
			@media screen and (max-width:900px) {
				.news_area {
					width:85%;
				}
			}
			@media screen and (max-width:600px) {
				.news_area {
					width:95%;
				}
				.news_tit img {
					width:50%;
				}
			}
			@media screen and (max-width:400px) {
				.news_tit img {
					width:60%;
				}
			}
/*---map_area---------------------------------------------------------------------------------------------------------------------------------*/
.map_area {
	text-align:center;
	padding:3% 0 3%;
	border-bottom:solid 3px #535353;
}
	.map_area:last-of-type {
		border:none;
	}
	.map_area img {
	}
	.map_area span {
		text-align:center;
		display:block;
		font-size:28px;
		padding:4px 0 2% 0;
		font-weight:bold;
	}
	.map_area iframe {
		width:100%;
	}
/*---copyright------------------------------------------------------------------------------------------------------------------------------*/
.copyright {
	background:#000;
	padding:1% 10%;
	text-align:center;
}
	.footer_logo {
		display:inline-block;
		width:15%;
		vertical-align:middle;
	}
	.footer_info {
		color:#fff;
		font-size:15px;
		letter-spacing:1px;
		display:inline-block;
		width:52%;
		vertical-align:middle;
	}
		.footer_info a {
			color:#fff;
			font-size:15px;
			transition:.3s ease-in;
		}
			.footer_info a:hover {
				color:#ffc127;
			}
			@media screen and (max-width:1560px) {
				.footer_info {
					width:65%;
				}
			}
			@media screen and (max-width:1330px) {
				.footer_info {
					width:80%;
				}
			}
			@media screen and (max-width:1080px) {
				.footer_info {
					width:83%;
				}
				.copyright {
					padding: 2% 3%;
				}
			}
			@media screen and (max-width:890px) {
				.footer_info {
					display:inline-block;
					width:85%;
					margin:0 auto;
				}
				.copyright {
					padding: 3% 3%;
				}
				.footer_logo {
					width:100%;
				}
			}
#journey1,#journey2,#journey3,#journey4,#bus,#bike,#car {
	transform:translateY(-98px);
}
	@media screen and (max-width:990px) {
		#journey1,#journey2,#journey3,#journey4,#bus,#bike,#car {
			transform:translateY(0px);
		}
	}