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

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

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

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

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

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


/*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*/
	}
}
/****************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*gotop*/
.top {
	position:fixed;
	bottom:1%;
	right:5px;
	cursor:pointer;
	display:none;
	z-index:5;
}
	.top img {
	}
	@media screen and (max-width:1024px) {
		.top {
			width:10%;
			right:1%;
		}
		.top img {
			width:100%;
		}
	}
	@media screen and (max-width:768px) {
		.top {
			width:14%;
		}
	}
	@media screen and (max-width:425px) {
		.top {
			width:18%;
		}
	}
	@media screen and (max-width:375px) {
		.top {
			width:20%;
		}
	}
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
header {
	height:100vh;
	width:100%;
	text-align:center;
	background:url(../../images/banner_deco.png) top center no-repeat;
	background-size:auto;
}
	/*banner_title*/
	.banner_title {
		padding-top:2%;
	}
	h1 {
		font-size: 20px;
		margin-top: 10px;
		letter-spacing: 2px;
		color: #50309b;
		font-weight: bold;
	}
	/*btn*/
	.btn {
		padding:5% 0 0 0;
	}
		.btn ul {
		}
			.btn li {
				padding:0;
			}
/*---ilink-------------------------------------------------------------------------------------------------------------------------------*/
.ilink {
	position: relative;
    margin-top: -4%;
}
	/*ilink_title*/
	.ilink_title {
		background: url(../../images/ilink_title.png) top center no-repeat;
		background-size:cover;
		min-height:114px;
	}
	/*ilink_list*/
	.ilink_list {
		width:100%;
		background:#6f9e42;
		text-align:center;
		padding:2% 0 1%;
	}
		.ilink_list ul {
		}
			.ilink_list li {
				display:inline-block;
				vertical-align:top;
				width:10%;
				text-align:center;
			}
				.ilink_list li img {
					transition:.2s linear;
				}
				.ilink_list li:hover img {
					-webkit-filter:drop-shadow(0px 0px 5px #fff);
				}
	@media screen and (max-width:1200px) {
		.banner_title {
			padding: 2% 0 0 0;
		}
		.btn li {
			padding: 0 2%;
		}
		.ilink_list li {
			width:13%;
		}
	}
	@media screen and (max-width:1024px) {
		.banner_title {
			padding: 3% 0 0 0;
		}
		.btn {
			padding: 7% 0 0 0;
		}
		.ilink {
			margin-top: -6%;
		}
		.ilink_list {
			padding:3% 0;
		}
		.ilink_list li {
			width: 14%;
		}
	}
	@media screen and (max-width:768px) {
		.banner_title {
			padding: 5% 0 0 0;
			height:50vh;
		}
			.banner_title img {
				width:65%;
			}
		.ilink_title {
			min-height:80px
		}
		.btn {
			padding: 9% 0 0 0;
		}
		.ilink_list li {
			width: 16%;
		}
			.btn li {
				padding: 2% 5%;
			}
	}
	@media screen and (max-width:767px) {
		.btn li {
			padding: 2% 10%;
		}
	}
	@media screen and (max-width:600px) {
		.banner_title {
			padding: 5em 0 0 0;
		}
		.banner_title img {
			width:70%;
		}
		.ilink_list li {
			width: 25%;
			padding: 1%;
		}
	}
	@media screen and (max-width:500px) {
		.ilink {
			margin-top: -9%;
		}
		.ilink_title {
			min-height: 70px;
		}
		.ilink_list {
			padding: 4% 0;
		}
		.ilink_list li {
			padding:2%;
		}
		h1 {
			font-weight:normal;
		}
	}
	@media screen and (max-width:425px) {
		.banner_title {
			height:48vh;
			padding:3em 0 0 0;
		}
		.btn {
			padding: 5% 1% 0;
		}
			.btn li {
				padding: 2% 5%;
			}
		.banner_title img {
			width: 80%;
		}
		.ilink_list {
			padding: 5% 0;
		}
		.ilink_list li {
			width:28%;
		}
		h1 {
			font-size:15px;
		}
	}
/*---service_ad----------------------------------------------------------------------------------------------------------------------------------*/
/*ilnik_bottom*/
.ilnik_bottom {
	background:url(../../images/ilink_bottom.png) top repeat-x;
	min-height:21px;
	width:100%;
}
/*service_ad*/
.service_ad {
	border-bottom:solid 10px #282a2b;
	text-align:center;
}
.bg1 {
	background:url(../../images/bg1.jpg) top center no-repeat fixed;
	background-size:cover;
}
.bg2 {
	background:url(../../images/bg2.jpg) top center no-repeat fixed;
	background-size:cover;
}
.bg3 {
	background:url(../../images/bg3.jpg) top center no-repeat fixed;
	background-size:cover;
}
.bg4 {
	background:url(../../images/bg4.jpg) top center no-repeat fixed;
	background-size:cover;
}
	/*title*/
	.title {
		padding:8% 0 3%;
		text-align:left;
	}
		.title img {
			display: inline-block;
			vertical-align: top;
		}
		.title span {
			display: inline-block;
			text-align: left;
			vertical-align: bottom;
			padding:0 2% 0 1%;
			line-height:27px;
			font-weight:bold;
		}
	/*ad_list*/
	.ad_list {
		padding:0 0 6% 0;
	}
		.ad_list a {
			padding:0 0 2% 0;
			float:left;
			width:33%;
		}
		.ad_list a .col-md-3,.ad_list a .col-sm-4,.ad_list a .col-xs-6 {
			width:100% !important;
			padding:0;
			float:none;
		}
			.ad_list a img {
				max-width:100%;
			}
			.ad_list a:hover {
				animation:imgflash 1.2s linear;
			}
			@keyframes imgflash {
				0% {
					opacity:.5;
				}
				100% {
					opacity:1;
				}
			}
		@media screen and (max-width:1024px) {
			.ad_list a {
				padding: 0 2% 3%;
			}
		}
		@media screen and (max-width:1100px) {
			.ad_list a {
			}
				.ad_list a img {
					width:100%;
				}
		}
		@media screen and (max-width:768px) {
			.ad_list a {
				padding: 0 2% 3%;
			}
			.ad_list {
				padding: 0 0 10% 0;
			}
			.title {
				padding:8% 0 5%;
			}
		}
		@media screen and (max-width:610px) {
			.title {
				text-align:center;
			}
			.title img {
				max-width:80%;
			}
			.title span {
				display: block;
				padding: 1% 20% 0;
			}
		}
		@media screen and (max-width:600px) {
			.ad_list a {
				width:50%;
				padding:0 3% 3%;
			}
		}
		@media screen and (max-width:500px) {
			.title {
				padding: 10% 1% 5%;
			}
			.ad_list {
				padding: 0 0 15% 0;
			}
			.service_ad {
				border-bottom: solid 6px #282a2b;
			}
			.bg1,.bg2,.bg3,.bg4,.bg5 {
				background-attachment:inherit;
			}
		}
		@media screen and (max-width:425px) {
			.ad_list a {
				padding:0 3% 5%;
				width:100%;
			}
			.ad_list a img {
				width:auto;
				max-width:100%;
			}
		}
		@media screen and (max-width:400px) {
			.title span {
				padding: 1% 13% 0;
			}
		}
/*************************
*******bbstory ******
**************************/
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

.carousel-fade .carousel-control {
	top:45%;
	background-image: none;
}

.bbstory {
	background-image: url(../../images/bbbg.jpg);
	background-position: center;
	background-repeat: repeat-y;
	background-size: auto;
	min-height: 350px;
	-webkit-filter: drop-shadow(0px 0px 3px #b093938f);
	filter: drop-shadow(0px 0px 3px #b093938f);
}

.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;
		min-height: 50px;
	}
}

@media(max-width:991px) {
	.bbstory {
		background-image: url(../../images/bbbg.jpg);
		background-position: center;
		background-repeat: repeat-y;
		background-size: cover;
		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:0;
}
.bnbsay p a {
	display:inline-block;
	transition:.2s ease-in;
}
	.bnbsay p a:hover {
		color:#65c1c1;
	}
/*---news-------------------------------------------------------------------------------------------------------------------------------*/
.news {
	padding:0 49px;
}
	/*news_top*/
	.news_top {
		background: url(../../images/news_bg_01.png) bottom center no-repeat;
		background-size:contain;
		min-height:122px;
	}
	/*news_list*/
	.news_list {
		padding: 2% 2% 2% 15%;
		text-align:left;
		min-height:120px;
	}
		.news_list a {
			transition:.2s linear;
		}
		.news_list a:hover {
			color:#e5211b;
		}
	/*news_bottom*/
	.news_bottom {
		background:url(../../images/news_bg_02.png) top center no-repeat;
		background-size:contain;
		min-height:113px;
	}
/*---more---------------------------------------------------------------------------------------------------------------------------------*/
.more {
	text-align:center;
	position: relative;
    margin-top: -60px;
	padding-bottom:72px;
}
	/*more_title*/
	.more_title {
		background:url(../../images/more_title.png) bottom center no-repeat;
		background-size:cover;
		min-height:70px;
	}
	/*more_deco*/
	.more_deco {
		padding:3% 0 4%;
	}
	@media screen and (max-width:991px) {
		.news {
			padding: 7% 124px 0;
		}
		.more_title {
			min-height:60px;
		}
		.more_deco {
			padding: 6% 0 1%;
		}
	}
	@media screen and (max-width:768px) {
		.more_deco img {
			width:60%;
		}
	}
	@media screen and (max-width:610px) {
		.news {
			padding: 9% 45px 0;
		}
	}
	@media screen and (max-width:500px) {
		.more {
			margin-top:-45px;
		}
		.more_title {
			min-height: 50px;
		}
		.more_deco {
			padding: 7% 0 0%;
		}
		.more_deco img {
			width: 70%;
		}
		.news {
			padding: 9% 5px 0;
		}
	}
	@media screen and (max-width:425px){
		.more {
			padding-bottom:26px;
		}
		.more_title {
			min-height: 45px;
		}
		.more_deco img {
			width: 75%;
		}
		.news_top {
			min-height:100px;
		}
	}
	@media screen and (max-width:375px) {
		.news_bottom {
			min-height:80px;
		}
		.more {
			margin-top: -40px;
		}
		.more_title {
			min-height: 40px;
		}
		.news_top {
			min-height: 84px;
		}
	}

/*************************
*****services_city******
**************************/

#services_city {
	background: url(../../images/allbg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	min-height: 860px;
	padding: 40px 0px;
}

#services_city h6 {
	text-align:center;
	font-weight:bold;
	font-size:3vmin;
}

@media screen and (max-width: 1200px) {
	#services_city {
		background: url(../../images/allbgm.jpg);
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 40px 0px;
	}
}

@media screen and (max-width: 992px) {
	#services_city {
		background: url(../../images/allbgs.jpg);
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 40px 0px;
	}
}

@media screen and (max-width: 767px) {
	#services_city {
		background: #fbfbf1;
		padding: 40px 0px;
		min-height: 200px;
	}
}

@media(max-width:992px) {
	.project_five ul li {
		display: inline-block;
		float: left;
		width: 25%;
	}
	.project {
		margin: 40px 0px;
	}
}

@media screen and (max-width: 600px) {
	#services_city h6 {
		font-size:4vmin;
	}
}
.city {
	min-height: 30vh;
}

.city a {
	color: #35c5c5;
}

.city a:visited {
	color: #35c5c5;
}

.city a:hover,
a:focus {
	color: #000000;
}

/*************************
*****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: 300px;
	padding-bottom: 40px;
}

.search ul {
	margin: 0;
	padding-left: 50px;
}

.search ul li {
	float: left;
	width: 100%;
}

@media(max-width:1500px) {
	.search ul {
		margin: 0;
		padding-left: 50px;
	}
}

.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;
}

/*---footer------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	background:#dadada;
	text-align:center;
}
	/*travel*/
	.travel {
		padding:4% 0;
	}
		.travel ul {
		}
			.travel li {
				display:inline-block;
				vertical-align:top;
				padding:0 1%;
				width:20%;
			}
				.travel li:hover {
					animation:imgflash 1.2s linear;
				}
	/*footer_list*/
	.footer_list {
		color:#565353;
		padding-bottom:3%;
	}
		/*f_logo*/
		.f_logo {
			display:inline-block;
			vertical-align:bottom;
			width:20%;
		}
		/*f_service*/
		.f_service {
			display:inline-block;
			vertical-align:top;
			text-align:left;
			width:32%;
		}
			/*house*/
			.house {
			}
			.f_service ul {
			}
				.f_service li {
					padding:5% 0 0;
				}
					.f_service a {
						display:inline-block;
						font-size:18px;
						transition:.2s;
					}
						.f_service a:hover {
							color:#ff9d00;
						}
					.f_service li span {
						border-bottom:solid 1px #565353;
						width:85%;
						display:inline-block;
						vertical-align:top;
					}
			i {
				border-bottom:0px;
				width:8%;
				color:#f5a525;
				font-size:20px;
			}
			.fa-chevron-right,.fa-chevron-left {
				color:#fff;
			}
		/*f_info*/
		.f_info {
			display:inline-block;
			vertical-align:top;
			text-align:left;
			width:32%;
		}
			.f_info ul {
			}
				.f_info li {
					padding:5% 0 0;
				}
					.f_info li span {
						border-bottom:dashed 1px #565353;
						display:inline-block;
						width:80%;
						vertical-align:top;
					}
	/*footer_link*/
	.footer_link {
		background:#ebebeb;
		padding:2% 1%;
		color:#909090;
	}
		.footer_link a {
			display:inline-block;
			color:#909090;
			transition:.2s;
		}
			.footer_link a:hover {
				color:#000;
			}
	/*copyright*/
	.copyright {
		background:#2d2d2d;
		color:#fff;
		padding:2%;
	}
	@media screen and (max-width: 992px) {
		.travel {
			padding: 5% 0;
		}
			.travel li {
				padding:0 3%;
			}
				.travel li img {
					width:100%;
				}
		.f_logo {
			padding: 1%;
			display: block;
			margin: 0 auto;
			width: 25%;
		}
			.f_logo img {
				width:100%;
			}
		.house img {
			width:100%;
		}
		.footer_link {
			padding:2%;
		}
		.copyright {
			padding:3%;
		}
		.f_service,.f_info {
			width:45%;
		}
	}
	@media screen and (max-width: 768px) {
		.copyright img {
			width:16%;
		}
	}
	@media screen and (max-width: 650px) {
		.travel li {
			width:22%;
		}
		.f_logo {
			width:33%;
		}
		.f_service, .f_info {
			width: 80%;
			padding:2% 0;
		}
		.f_info li span {
			width:85%;
		}
	}
	@media screen and (max-width: 450px) {
		.travel li {
			width:23%;
			padding:0;
		}
		.f_logo {
			width:50%;
		}
		.f_service, .f_info {
			width: 90%;
			padding:2% 0;
		}
		.footer_link {
			padding: 3%;
		}
		.copyright {
			padding:4%;
			font-size:13px;
		}
	}
	@media screen and (max-width: 375px) {
		i {
			width:10%;
			font-size:18px;
		}
		.f_logo {
			width:53%;
		}
		.copyright img {
			width: 20%;
		}
	}
/* Underline From Center */

.hvr-underline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
}

.hvr-underline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #35c5c5;
	height: 2px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
	left: 0;
	right: 0;
}


/**************************/

.tab-content a {
	color: #35c5c5;
}

.tab-content a:visited {
	color: #35c5c5;
}

.tab-content a:hover,
a:focus {
	color: #000000;
}

@media(max-width:500px) {
	.tab-content {
		font-size: 13px;
	}
}

@media(max-width:320px) {
	.tab-content {
		font-size: 12px;
	}
}


/****************/

.nav-tabs {
	border-bottom: 2px solid #fff;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	border-width: 0;
}

.nav-tabs > li > a {
	border: none;
	color: #666;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
	border: none;
	color: #35c5c5 !important;
	background: transparent;
}

.nav-tabs > li > a::after {
	content: "";
	background: #35c5c5;
	height: 2px;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -1px;
	transition: all 250ms ease 0s;
	transform: scale(0);
}

.nav-tabs > li.active > a::after,
.nav-tabs > li:hover > a::after {
	transform: scale(1);
}

.tab-nav > li > a::after {
	background: #35c5c5 none repeat scroll 0% 0%;
	color: #fff;
}

.tab-pane {
	padding: 15px 0;
}

.tab-content {
	padding: 20px;
}

@media(max-width:500px) {
	.tab-content {
		padding: 20px 0;
	}
}

@media(max-width:370px) {
	.tab-pane > [class*='col-'] {
		padding-right: 0;
		padding-left: 0;
	}
}

.nav-tabs>li.active>a:focus {
	background-color: transparent;
}

.nav-tabs>li.active>a:hover {
	background-color: transparent;
}

.nav-tabs {
	border-bottom: 1px solid transparent;
}

/*************************
*******services_100 ******
**************************/

#services_100 {
	background: #edf5e5 url(../../images/orange.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: auto;
	padding-bottom: 93px;
}

#services_100 h1 {
	font-size: 20px;
	color: #858585;
	font-weight: 700;
}

#services_100 a {
	color: #353535;
}

#services_100 a:visited,
#services_100 a:focus {
	color: #353535;
}

#services_100 a:hover {
	color: #35c5c5;
}

.h100 {
	padding-bottom: 20px;
}

.h100 ul {
	padding-left: 40px;
	margin: 0;
}

.h100 ul li {
	float: left;
	width: 100%;
}

.hundred p {
	text-align: center;
}

.animate_Flashing 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;
	}
}

@media screen and (max-width:992px) {
	.h100 ul li {
		font-size: 12px;
	}
}

@media screen and (max-width:767px) {
	.h100 ul li {
		font-size: 14px;
	}
}

@media screen and (max-width:350px) {
	.hundred p {
		font-size: 12px;
	}
}

.newsline1 {
	background-image: url(../../images/newsline.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 22px;
}

.animate_flash img {
	max-width: 100%;
}
/*---marquee---------------------------------------------------------------------------------------------------------------------------------*/
.marquee {
	background:#ff8f68;
	padding-bottom:1%;
}
	.marquee a {
		color:#cd5a52;
		transition:.2s linear;
	}
		.m_img {
			display:inline-block;
			vertical-align:top;
		}
		.mtext {
			background:#fff;
			display:inline-block;
			width:78%;
			padding:0 6px;
		}
			marquee {
				display:inline-block;
				vertical-align:top;
				width:95%;
			}
				.fa-bullhorn {
					color:#333;
					width:auto;
				}
				.marquee a:hover {
					color:#ff0000;
				}
				@media screen and (max-width:1199px) {
					.m_img {
						width:20%;
					}
						.m_img img {
							width:100%;
						}
					.fa-bullhorn {
						width:4%;
					}
				}
				@media screen and (max-width:768px) {
					.m_img {
						width: auto;
						display: block;
						padding-bottom:1%;
					}
						.m_img img {
							width:auto;
						}
					.mtext {
						width:100%;
					}
				}
				@media screen and (max-width:575px) {
					.fa-bullhorn {
						width: 8%;
					}
					marquee {
						width:88%;
					}
				}
/*---newsin---------------------------------------------------------------------------------------------------------------------------------*/
header.inner {
	height:65vh;
}
.newsinner {
	background:#fff;
}
.newstop {
	background: url(../../images/newsin_bg_01.png) bottom center no-repeat;
	background-size:contain;
	min-height:104px;
}
.newsin {
	text-align:left;
	padding:0 4%;
	min-height:500px;
}
	.newsin img {
		max-width:100%;
	}
.newsbottom {
	background: url(../../images/newsin_bg_02.png) top center no-repeat;
	background-size:contain;
	min-height:100px;
}
.newsin a {
	display:inline-block;
}
	@media screen and (max-width:768px) {
		header.inner .banner_title img {
			width: 54%;
		}
		.newstop {
			min-height:57px;
		}
		.newsin {
			min-height:300px;
			padding:0 5%;
		}
		.newsbottom {
			min-height:55px;
		}
	}
	@media screen and (max-width:425px) {
		header.inner {
			height: auto;
		}
		.newstop {
			min-height: 30px;
		}
		.newsin {
			min-height:250px;
		}
		.newsbottom {
			min-height:29px;
		}
	}

/*---township-------------------------------------------------------------------------------------------------------------------------------------*/
.township {
	background:#6f9e42;
}
	.township ul {
		padding:5% 0;
	}
		.township li {
			display: inline-block;
			vertical-align: top;
			width: 12%;
			padding: 5px 5px 2%;
		}
			.township li img {
				width:100%;
				transition:.2s linear;
			}
				.township li:hover img {
					-webkit-filter: drop-shadow(2px 2px 3px rgb(41, 43, 44));
					filter: drop-shadow(2px 2px 3px rgb(41, 43, 44));
				}
				@media screen and (max-width:991px) {
					.township ul {
						padding: 5% 0 5% 5%;
					}
				}
/*---bnb_ad-------------------------------------------------------------------------------------------------------------------------*/
.bnb_ad {
	background:#6f9e42;
	padding-bottom:5%;
	border-bottom:solid 10px #282a2b;
}
	/*bnb_title*/
	.bnb_title {
		background:url(../../images/bnb_title.png) top left no-repeat;
		background-size:cover;
		min-height:92px;
	}
	/*bnb_text*/
	.bnb_text {
		text-align:right;
		position:relative;
		margin-top:-6%;
		padding-bottom:8%;
	}	
		.bnb_text img {
		}
/*************************
*********ssbg******
**************************/
.ssbg {
	
	background-position: center;
	background-repeat: repeat-y;
	background-size: 99% 100%;
}
#carousel-bounding-box {
	border:solid 1px #fff;
	box-shadow:0px 0px 3px rgba(0,0,0,.3);
}

.ssbgin {
    background: url(../../images/ssbg.jpg);
}

.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;
	cursor:pointer;
}

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

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

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

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

@media(max-width:1200px) {
	.ssbg {
		margin-right: 0px;
		margin-left: 0px;
	}
}
.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;
}
	@media screen and (max-width:991px) {
		.township li {
			width:18%;
		}
		.bnb_title {
			min-height:70px;
		}
		.bnb_text img {
			width: 70%;
		}
		.carousel-inner>.item>a>img {
			width:100%;
		}
	}
	@media screen and (max-width:600px) {
		.bnb_text {
			margin-top: 0;
			padding: 2% 2% 4%;
		}
			.bnb_text img {
				width:100%;
			}
		.township li {
			width: 22%;
		}
	}
	@media screen and (max-width:500px) {
		.township li {
			width: 24%;
			padding:5px 3px 2%;
		}
		.bnb_title {
			min-height: 60px;
		}
		.bnb_ad {
			border-bottom: solid 5px #282a2b;
		}
	}
	@media screen and (max-width:425px) {
		.township li {
			width: 30%;
		}
		.bnb_text {
			padding: 0% 0% 5%;
		}
		.bnb_title {
			min-height: 50px;
		}
	}

.note {
	text-align: right;
    padding: 1% 0% 0;
    color: #8e8e8e;
}

.view {
	display: inline-block;
    border:solid 1px #5a2fcc;
    border-radius: 6px;
    padding: 1px 1%;
	transition:.2s ease-in-out;
	margin-top:20px;
}
	.view a {
		color:#5a2fcc;
		transition:.2s ease-in-out;
	}
	.view:hover {
		background:#5a2fcc;
	}
		.view:hover a {
			color:#fff;
		}