@charset "UTF-8";

/*!---------------------
*Copyright (c) 2018 by alva.
------------------------*/

/*************************
*********cus-main******
**************************/

main {
	overflow: hidden;
}

.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}


/*search*/

.no-gutter1 > [class*='col-'] {
	padding-right: 2px;
	padding-left: 2px;
}

.center0 .img-responsive {
	margin: 0px auto;
}

/*************************
****container0****two new**
**************************/

.container0 {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.container0:before,
.container0:after {
	display: table;
	content: " "
}

.container:after {
	clear: both;
}

.container0:before,
.container0:after {
	display: table;
	content: " "
}

.container0:after {
	clear: both;
}

@media(min-width:768px) {
	.container0 {
		width: 750px;
	}
}

@media(min-width:992px) {
	.container0 {
		width: 970px;
		/*970*/
	}
}

@media(min-width:1200px) {
	.container0 {
		width: 1170px;
		/*1170*/
	}
}

@media(min-width:1500px) {
	.container0 {
		width: 1450px;
		/*1170*/
	}
}

@media(min-width:1600px) {
	.container0 {
		width: 1550px;
		/*1170*/
	}
}

/*************************
*******container1************
**************************/

.container1 {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.container1:before,
.container1:after {
	display: table;
	content: " "
}

.container1:after {
	clear: both;
}

.container1:before,
.container1:after {
	display: table;
	content: " "
}

.container1:after {
	clear: both;
}

@media(min-width:768px) {
	.container1 {
		width: 750px;
	}
}

@media(min-width:992px) {
	.container1 {
		width: 950px;
		/*970*/
	}
}

@media(min-width:1200px) {
	.container1 {
		width: 1170px;
		/*1170*/
	}
}

@media(min-width:1920px) {
	.container1 {
		width: 1500px;
		/*1170*/
	}
}

/*************************
*******container3***city***
**************************/

.container3 {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.container3:before,
.container3:after {
	display: table;
	content: " "
}

.container3:after {
	clear: both;
}

.container3:before,
.container3:after {
	display: table;
	content: " "
}

.container3:after {
	clear: both;
}

@media(min-width:768px) {
	.container3 {
		width: 750px;
	}
}

@media(min-width:992px) {
	.container3 {
		width: 950px;
		/*970*/
	}
}

@media(min-width:1200px) {
	.container3 {
		width: 1000px;
		/*1170*/
	}
}

/*********************************************
*******container2***百業***********************
**********************************************/

.container2 {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.container2:before,
.container2:after {
	display: table;
	content: " "
}

.container2:after {
	clear: both;
}

.container2:before,
.container2:after {
	display: table;
	content: " "
}

.container2:after {
	clear: both;
}

@media(min-width:768px) {
	.container2 {
		width: 750px;
	}
}

@media(min-width:992px) {
	.container2 {
		width: 950px;
		/*970*/
	}
}

@media(min-width:1200px) {
	.container2 {
		width: 1000px;
		/*1170*/
	}
}

@media(min-width:1920px) {
	.container2 {
		width: 1300px;
		/*1170*/
	}
}

/*************************
*******bbstory************
**************************/

.bbstory {
	background-image: url(../../images/bbbg.jpg);
	background-position: center;
	background-repeat: repeat-y;
	background-size: auto;
	min-height: 350px;
}

.bbstory img {
	display: block;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
}

@media(max-width:1200px) {
	.bbstory {
		background-image: url(../../images/bbbg.jpg);
		background-position: center;
		background-repeat: repeat-y;
		background-size: 100% auto;
		margin-left: 50px;
		min-height: 0px;
		min-height: 50px;
		padding-bottom: 20px;
	}
}

@media(max-width:991px) {
	.bbstory {
		background-image: url(../../images/bbbg.jpg);
		background-position: center;
		background-repeat: repeat-y;
		background-size: auto;
		margin-top: 40px;
		margin-left: 0px;
		min-height: 50px;
	}
}

@media(max-width:550px) {
	.bbstory {
		background-image: url(../../images/bbbg.jpg);
		background-position: center;
		background-repeat: repeat-y;
		background-size: 100% auto;
	}
}

.bnbsay {
	overflow: auto;
}

.bnbsay {
	padding-left: 0px;
}


/*************************
*********ssbg*************
**************************/
.ssbgin {
	background: url(../../images/ssbg.jpg);
	background-position: center;
	background-repeat: repeat-y;
	background-size: 100% 100%;
	border: #ffffff 1px solid;
}
.ssbg1 #slider,
.ssbg1 #slider-thumbs {
	padding-left: 0px;
	padding-right: 0px;
}

.specialbg {
	background: url(../../images/specialbg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.starbg {
	background: url(../../images/starbg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ssbg {
	background: url(../../images/ssbg.jpg);
	background-position: center;
	background-repeat: repeat-y;
	background-size: 100% 100%;
	border: #ffffff 1px solid;
}

.ssbg .carousel-inner {
	border: #ffffff 1px solid;
}
.ssbg1 .carousel-inner {
	border: #ffffff 1px solid;
}



.partners ul li img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

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

.partners ul li {
	display: inline-block;
	float: left;
	width: 16.66666666666667%;
	border: #ffffff 1px solid;
}

@media(max-width:1200px) {
	.partners ul li {
		display: inline-block;
		float: left;
		width: 20%;
	}
}

@media(max-width:992px) {
	.partners ul li {
		display: inline-block;
		float: left;
		width: 12.5%;
	}
}

@media(max-width:650px) {
	.partners ul li {
		display: inline-block;
		float: left;
		width: 14.28571428571429%;
	}
}

@media(max-width:550px) {
	.partners ul li {
		display: inline-block;
		float: left;
		width: 16.66666666666667%;
	}
}

@media(max-width:450px) {
	.partners ul li {
		display: inline-block;
		float: left;
		width: 20%;
	}
}

@media(max-width:350px) {
	.partners ul li {
		display: inline-block;
		float: left;
		width: 25%;
	}
}

.partners ul li img:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

@media(max-width:1200px) {
	.ssbg {
		margin-right: 0px;
		margin-left: 0px;
	}
    .ssbg1 {
		margin-right: 0px;
		margin-left: 0px;
	}
}

/*************************
*******animate************
**************************/

.animate_flash img:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/*************************
****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-control.left {
	background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, 0.1) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0, rgba(0, 0, 0, 0.0001) 100%);
}

.carousel-control.right {
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(255, 255, 255, 0.1) 100%));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(255, 255, 255, 0.1) 100%);
}

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

.carousel-control {
	padding-top: 25%;
}

/****************two***左右鍵自訂****************/

.two .carousel-control.right {
	padding-right: 20%;
}

@media screen and (max-width:768px) {
	.two .carousel-control.left {
		padding-left: 0px;
	}
	.two .carousel-control.right {
		padding-right: 25%;
	}
}

@media screen and (max-width:650px) {
	.two .carousel-control.left {
		padding-left: 0%;
	}
}

/****************three***左右鍵自訂******************/

@media screen and (max-width:768px) {
	.three .carousel-control.right {
		margin-right: 4%;
	}
	.three .carousel-control.left {
		margin-left: 4%;
	}
}

@media screen and (max-width:600px) {
	.three .carousel-control.right {
		margin-right: 0%;
	}
	.three .carousel-control.left {
		margin-left: 0%;
	}
}

/*************************
*********slidershow*******
**************************/

.hide-bullets {
	list-style: none;
	margin-left: -40px;
	margin-top: 0px;
	text-align: right;
	cursor: pointer;
	line-height: 22px;
	color: #000;
}

.thumbnail {
	padding: 0;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	width: 100%;
}

.hide-bullets a {
	color: #000;
}

.hide-bullets a:link {
	color: #000;
}

.hide-bullets a:visited {
	color: #000;
}

.hide-bullets a:hover {
	color: #a16b55;
}

/*---mian_bg------------------------------------------------------------------------------------------------------------------------------------*/
.mian_bg {
	background:url(../../images/bg.png) top center no-repeat;
	background-size:cover;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:-1;
}
/*---title-------------------------------------------------------------------------------------------------------------------------------------*/
#title {
	text-align:center;
	position:relative;
}
	#topbnb {
	}
	.title {
		padding:197px 0 55px 0;
	}
	/*scroll*/
	.scroll {
		animation:move 1s linear infinite alternate;
		z-index:10;
		position:relative;
	}
		@keyframes move {
			0% {
				transform:translateY(0px);
			}
			100% {
				transform:translateY(20px);
				opacity:.5;
			}
		}
	/*title_deco*/
	.title_deco {
		position: absolute;
		top:38%;
		right:10%;
	}
/*mask*/
.mask {
	background:url(../../images/mask.png) bottom center no-repeat;
	background-size:cover;
	min-height:340px;
	position:relative;
	margin-top:-5%;
	z-index:5;
}
	@media screen and (max-width:1440px) {
		.title_deco {
			width:22%;
		}
			.title_deco img { 
				width:100%;
			}
		.title img {
			width:26%;
		}
		.mask {
			min-height:265px;
		}
	}
	@media screen and (max-width:1024px) {
		.mask {
			min-height: 190px;
		}
		.title img {
			width: 30%;
		}
		.scroll img {
			width:5%;
		}
	}
	@media screen and (max-width:678px) {
		.mask {
			min-height: 140px;
		}
	}
	@media screen and (max-width:600px) {
		.mask {
			min-height: 140px;
		}
		.title {
			padding: 150px 0 55px 0;
		}
		.title img {
			width: 35%;
		}
		.title_deco {
			width: 25%;
			right:3%;
		}
	}
	@media screen and (max-width:500px) {
		.mask {
			min-height: 120px;
		}
		.title img {
			width: 40%;
		}
		.title {
			padding: 110px 0 55px 0;
		}
	}
	@media screen and (max-width:375px) {
		.mask {
			min-height: 100px;
		}
		.title img {
			width: 45%;
		}
	}
/*---services_one-----------------------------------------------------------------------------------------------------------------------------*/
#services_one {
	background: rgba(222, 177, 17, 0.9);
	padding:1% 0;
}
/*---mask02-----------------------------------------------------------------------------------------------------------------------------------*/
.mask02 {
	background:url(../../images/mask02.png) top right no-repeat;
	background-size:cover;
	min-height:170px;
}
/*---services_pre------------------------------------------------------------------------------------------------------------------------------*/
#services_pre {
	background:rgba(239, 232, 199, .9);
}
	/*pret*/
	.pret {
		padding:0 2% 2%;
	}
	/*pre*/
	.pre {
	}
		.pre ul {
			list-style:none;
			padding:0;
			margin:0;
		}
			.pre li {
				float:left;
				width:25%;
				padding:1% 1% 2% 1%;
			}
/*---services_rec------------------------------------------------------------------------------------------------------------------------------*/
#services_rec {
	background:rgba(239, 232, 199, .9);
}
	/*rect*/
	.rect {
		padding:3% 2% 2%;
	}
	/*rec*/
	.rec {
	}
		.rec ul {
			list-style:none;
			padding:0;
			margin:0;
		}
			.rec li {
				float:left;
				width:12.5%;
				padding:1% 1% 2% 1%;
			}
			@media screen and (max-width:1440px) {
				.rec li {
					width:16.6666%;
				}
			}
			@media screen and (max-width:991px) {
				.rec li {
					width:20%;
				}
			}
			@media screen and (max-width:800px) {
				#services_one {
					padding:1% 2%;
				}
			}
			@media screen and (max-width:768px) {
				.mask02 {
					min-height:100px;
				}
				.pre li {
					width:33%;
				}
				.rect {
					padding:6% 2% 2%;
				}
			}
			@media screen and (max-width:500px) {
				#services_one {
					padding: 4% 2%;
				}
				.pre li {
					width:50%;
				}
				.pret {
					padding-bottom: 3%;
				}
				.rec li {
					width:24%;
				}
			}
			@media screen and (max-width:425px) {
				.mask02 {
					min-height: 60px;
				}
				.pre li {
					width:100%;
				}
				.rec li {
					width:50%;
				}
				.rect {
					padding: 7% 2% 4%;
				}
				.pret {
					padding-bottom: 4%;
				}
			}
/*---legal_top------------------------------------------------------------------------------------------------------------------------------*/
.legal_top {
	background:url(../../images/legal_top.png) bottom center no-repeat;
	background-size:cover;
	min-height:154px;
}
/*section_legal*/
#section_legal {
	background: url(../../images/line.png) top center repeat;
}
	/*legal_title*/
	.legal_title {
	}
	/*legal_mark*/
	.legal_mark {
		border-bottom:solid 1px #959595;
		width:960px;
		max-width:100%;
		margin:0 auto;
		padding:4% 0 1% 0;
	}
		/*city_title*/
		img.city_title {
			vertical-align:middle;
			width:17%;
		}
		.legal_mark ul {
			list-style:none;
			padding:0;
			margin:0;
			display:inline-block;
			vertical-align:middle;
			width:82%;
			padding:0 0 0 1%;
		}
			.legal_mark li {
				font-size:16px;
				color:#545454;
				position:relative;
				vertical-align:middle;
				padding-left:24px;
			}
				.legal_mark li:before {
					content:'';
					width:20px;
					height:20px;
					border-radius:100%;
					position:absolute;
					top:4px;
					left:0;
					background:#32c0ea;
				}
				.legal_mark li:nth-of-type(2):before {
					background:#58ccba;
				}
				.legal_mark li:nth-of-type(3):before {
					background:#74cc56;
				}
				.legal_mark li:nth-of-type(4):before {
					background:#d1c836;
				}
				.legal_mark li:nth-of-type(5):before {
					background:#eb9025;
				}
				.legal_mark li:nth-of-type(6):before {
					background:#fb7c80;
				}
/*legal_bottom*/
.legal_bottom {
	background:url(../../images/legal_bottom.png) top center no-repeat;
	background-size:cover;
	min-height:146px;
}
	@media screen and (max-width:650px) {
		img.city_title {
			width: 25%;
			display: block;
			padding-bottom: 1%;
		}
		.legal_mark ul {
			width:100%;
		}
		.legal_mark li {
			padding: 0% 0 1% 4%;
		}
		.legal_mark li:before {
			width:16px;
			height:16px;
			top:6px;
		}
	}
	@media screen and (max-width:500px) {
		img.city_title {
			width: 35%;
			padding-bottom: 2%;
		}
		.nav-tabs>li {
			margin: 4% 3px 0;
		}
		.legal_mark li {
			padding: 0% 0 1% 5%;
			font-size:14px;
		}
	}
	@media screen and (max-width:425px) {
		.legal_mark li {
			padding: 0% 0 1% 6%;
		}
		img.city_title {
			width:40%;
		}
	}
	@media screen and (max-width:375px) {
		.nav-tabs>li {
			width:47%;
		}
	}
		
/*************************
*****services_search******
**************************/

.searchtop {
	background-image: url(../../images/searchtop.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 26px;
}

.searchbg {
	background-image: url(../../images/searchbg.jpg);
	background-position: top left;
	background-repeat: repeat;
	background-size: auto;
	min-height: 260px;
	padding-bottom: 40px;
	font-size:14px;
	letter-spacing:0;
}

.searchbg ul {
	list-style-type: disc;
	width:60%;
	margin:0 auto;
}
	.searchbg li {
		list-style-position: inside;
		vertical-align:top;
		width:33%;
		padding:2px 1%;
		letter-spacing:1px;
		float:left;
	}
		.searchbg li a {
			transition:.2s linear;
			color:#000;
		}
		.searchbg li a:hover {
			color:#35c5c5;
		}


@media(max-width:1500px) {
	.search ul {
		margin: 0;
		padding-left: 50px;
	}
}
@media(max-width:1200px) {
	.searchbg ul {
		width:100%;
		max-width:100%;
	}
}
@media(max-width:991px) {
	.searchbg ul {
		width:100%;
		max-width:100%;
		transform:translateX(0);
	}
	.searchbg li {
		width:33%;
	}
}
@media(max-width:560px) {
	.searchbg ul {
		padding-left:0%;
	}
	.searchbg li {
		width:50%;
	}
}
@media(max-width:410px) {
	.searchbg ul {
		padding-left:10%;
	}
	.searchbg li {
		width:100%;
	}
}

.search_01 {
	background-image: url(../../images/search_01.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto;
	min-height: 479px;
}

.search_02 {
	background-image: url(../../images/search_02.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto;
	min-height: 239px;
}

.search_05 {
	background-image: url(../../images/search_05.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto;
	min-height: 240px;
}

.search_03 {
	background-image: url(../../images/search_03.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto;
	min-height: 479px;
}

.search_04 {
	background-image: url(../../images/search_04.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto;
	min-height: 479px;
}

@media(max-width:767px) {
	.search_03 {
		min-height: 250px;
	}
	.search_04 {
		min-height: 350px;
	}
}

.search a {
	color: #353535;
}

.search a:visited,
.search a:focus {
	color: #353535;
}

.search a:hover {
	color: #35c5c5;
}