@charset "UTF-8";
/*************************
*********cus-main.css******
**************************/

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

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

main {
	overflow: hidden;
}

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


/*******************************
*****container0******選單********
*******************************/

.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:1569px) {
	.container0 {
		width: 100%;
		/*1170*/
	}
}

@media(min-width:1620px) {
	.container0 {
		width: 1570px;
		/*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:1050px) {
	.container1 {
		width: 1000px;
		/*1170*/
	}
}


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


/*nav 導航*/


/*************************
*****navbar_custom******
**************************/

.logo .img-responsive {
	margin: 0 auto;
}

.navbar_custom {
	text-align: center;
}

.navbar_custom img {
	margin: 0 auto;
}

.navbar_custom .nav {
	float: none;
}

.navbar_custom .nav li {
	display: inline-block;
	float: none;
	vertical-align: middle;
}

@media screen and (max-width:991px) {
	.navbar_custom .nav li {
		margin: 0;
		display: inline-block;
		float: left;
		width: 25%;
	}
	.navbar_custom .nav li a {
		border-radius: 0;
		display: block;
		padding: 5px 0;
	}
}

@media screen and (max-width:400px) {
	.navbar_custom .nav li {
		width: 33%;
	}
}


/*************************
*****navbar other*********
**************************/

.navbar-brand {
	margin-top: 5px;
}

.navbar-brand img {
	max-height: 74px;
}

@media screen and (max-width:991px) {
	.navbar_toggle_cus {
		margin-top: 15px;
	}
	.navbar-brand img {
		max-height: 70px;
	}
	.navbar-brand {
		margin: 0;
		height: auto;
	}
}

@media screen and (max-width:450px) {
	.navbar-brand img {
		max-height: 65px;
	}
	.navbar-brand {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.navbar-toggle {
		padding: 4px 8px 0px;
		margin-top: 12px;
	}
}

@media screen and (max-width:319px) {
	.navbar-brand img {
		max-height: 50px;
	}
}


/*************************
*****navbar other內頁*****
**************************/

.navbar_custom .nav>li,#navbarload>li {
	padding: 0 1.5em;
}

@media screen and (max-width:1089px) {
	.navbar_custom .nav>li,#navbarload>li {
		padding: 0 1em;
	}
}
@media screen and (max-width:991px) {
	.navbar_custom .nav>li img,#navbarload>li img {
		max-width: 90px;
	}
	.navbar_custom .nav {
		padding:0;
	}
}

@media screen and (max-width:600px) {
	.navbar_custom .nav {
		padding: 0 50px;
	}
}

@media screen and (max-width:500px) {
	.navbar_custom .nav {
		padding: 0px;
	}
	.navbar_custom .nav>li img,#navbarload>li img {
		max-width: 80px;
	}
}

@media screen and (max-width:400px) {
	.navbar_custom .nav {
		padding: 0px;
	}
}


/*************************
*****navbar other*********
**************************/

.navbar-ct-blue {
	background: url(../../images/navbg.png);
	background-position: center top;
	background-size: auto;
	background-repeat: no-repeat;
	padding-top: 7px;
}

@media(max-width:991px) {
	.navbar-ct-blue {
		background: url(../../images/navbgs.png);
		background-position: left top;
		background-size: auto;
		background-repeat: repeat;
		max-height: 95vh;
		overflow-y: auto;
	}
}

.nav_top {
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	z-index: 1030;
}

.navbar-ct-blue ul li {
	border-right: #ffffff 1px solid;
	height: 35px;
}

.navbar-ct-blue ul li img {
	transform: translateY(-5px);
}

.navbar-ct-blue li:last-child {
	border-right: none;
}

@media(max-width:1250px) {
	.nav_top {
		top: 220px;
	}
}

@media(max-width:991px) {
	.navbar-ct-blue ul li {
		height: auto;
		border-right: none;
	}
	.navbar-ct-blue ul li img {
		transform: translateY(0px);
	}
	.nav_top,
	.nav_topin {
		position: fixed;
		top: 0px;
		left: 0;
		right: 0;
		z-index: 1030;
	}
}


/*************************
*****navbar other*********
**************************/

.nav_topin ul li {
	position: relative;
	z-index: 2;
}


/**************************
*********services_title*****
**************************/

#services_title {
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 0 25%;
}

#services_title ul {
	margin: 0;
	padding: 0;
}

#services_title ul li {
	display: inline-block;
	float: right;
	width: 50%;
	position: relative;
	z-index: 5;
}

#services_title p {
	text-align: left;
    color: #c7dc94;
    padding: 1em 2em;
    width: 840px;
    margin: 0 auto;
    max-width: 100%;
}

@media(max-width:1500px) {
	#services_title {
		padding: 0 16%;
	}
}

@media(max-width:1199px) {
	#services_title {
		padding: 0 6%;
	}
}

@media(max-width:991px) {
	#services_title {
		margin-top: 90px;
		padding: 0%;
	}
	#services_title ul li {
		width: 100%;
	}
	#services_title ul li img {
		margin: 0 auto;
	}
}


/*************************
********footer***********
**************************/

.footerline {
	background: url(../../images/footerbg_01.jpg);
	background-position: center top;
	background-size: auto 100%;
	background-repeat: no-repeat;
	min-height: 14px;
}

.footer {
	background: url(../../images/footerbg_04.jpg);
	background-position: left center;
	background-size: auto;
	background-repeat: repeat;
	padding-top: 40px;
	padding-bottom: 20px;
}

.footbg {
	box-shadow: 1px 1px 10px 1px #665d00;
	margin-bottom: 20px;
	background: url(../../images/footbg.png), url(../../images/footbg.png) #fff;
	background-position: left -263px center, right 85px bottom -65px;
	background-size: auto, auto;
	background-repeat: no-repeat, no-repeat;
}

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

.footertext ul li {
	display: inline-block;
	float: left;
	color: #0f0f0f;
	font-size: 14px;
	letter-spacing: 0px;
}

.footertext ul li:nth-child(1) {
	width: 15%;
	padding: 10px 0;
}

.footertext ul li:nth-child(1) img {
	max-height: 136px;
}

.Copyright {
	text-align: center;
	color: #d5d19f;
	letter-spacing: 0.5px;
	font-size: 12px;
}

.Copyright a {
	color: #d5d19f;
}

.Copyright a:visited {
	color: #d5d19f;
}

.Copyright a:hover,
.Copyright a:focus {
	color: #000;
}

.footertext ul li:nth-child(2) {
	width: 35%;
}

.footertext ul li:nth-child(3) {
	width: 50%;
}

.footertext ul li:nth-child(2),
.footertext ul li:nth-child(3) {
	padding-top: 40px;
}

.footertext ul li:nth-child(2) img,
.footertext ul li:nth-child(3) img {
	padding-bottom: 5px;
}

@media(max-width:1700px) {
	.footbg {
		background: url(../../images/footbg.png), url(../../images/footbg.png) #fff;
		background-position: left -263px center, right 25px bottom -65px;
		background-size: auto, 25% auto;
		background-repeat: no-repeat, no-repeat;
	}
}

@media(max-width:1500px) {
	.footbg {
		background: url(../../images/footbg.png), url(../../images/footbg.png) #fff;
		background-position: left -15% center, right 0px bottom -65px;
		background-size: 20% auto, 20% auto;
		background-repeat: no-repeat, no-repeat;
	}
	.footertext ul li:nth-child(2) {
		width: 30%;
	}
	.footertext ul li:nth-child(3) {
		width: 55%;
	}
}

@media(max-width:1199px) {
	.footbg {
		background: url(../../images/footbg.png), url(../../images/footbg.png) #fff;
		background-position: left -40% center, right -35% bottom -35px;
		background-size: auto, auto;
		background-repeat: no-repeat, no-repeat;
	}
	.footertext ul li:nth-child(1) {
		width: 100%;
	}
	.footertext ul li:nth-child(1) img {
		margin: 0 auto;
	}
	.footertext ul li:nth-child(2),
	.footertext ul li:nth-child(3) {
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.footertext ul li:nth-child(2) {
		width: 45%;
		padding-left: 15%;
	}
	.footertext ul li:nth-child(3) {
		width: 55%;
		padding-bottom: 0px;
	}
}

@media(max-width:1030px) {
	.footertext ul li:nth-child(2) {
		padding-left: 0%;
		padding-bottom: 0px;
	}
	.footertext ul li:nth-child(2),
	.footertext ul li:nth-child(3),
	.footertext ul li:nth-child(4) {
		width: 100%;
		text-align: center;
	}
	.footbg {
		background: url(../../images/footbg.png), url(../../images/footbg.png) #fff;
		background-position: left -300px center, right -250px bottom -35px;
		background-size: auto, auto;
		background-repeat: no-repeat, no-repeat;
	}
}

@media(max-width:750px) {
	.footbg {
		background: url(../../images/footbg.png), url(../../images/footbg.png) #fff;
		background-position: left -100px top -100px, right -100px top -140px;
		background-size: 200px auto, 300px auto;
		background-repeat: no-repeat, no-repeat;
	}
}

@media(max-width:500px) {
	.footbg {
		background: url(../../images/footbg.png) #fff;
		background-position: left -100px top -100px;
		background-size: 200px auto;
		background-repeat: no-repeat;
	}
}

@media(max-width:450px) {
	.footertext ul li:nth-child(2),
	.footertext ul li:nth-child(3) {
		text-align: left;
		font-size: 13px;
	}
}

@media(max-width:400px) {
	.footertext ul li:nth-child(2) img,
	.footertext ul li:nth-child(3) img {
		padding-bottom: 2px;
		max-width: 25px;
	}
}

@media(max-width:350px) {
	.footertext ul li:nth-child(2) img,
	.footertext ul li:nth-child(3) img {
		max-width: 20px;
	}
	.footertext ul li:nth-child(2),
	.footertext ul li:nth-child(3) {
		letter-spacing: -0.5px;
	}
}


/**************************
****services_environment***
**************************/

#services_environment {
	background: url(../../images/envbg_02.png), url(../../images/envbg_01.png);
	background-position: right bottom, left bottom;
	background-size: auto, auto;
	background-repeat: no-repeat, no-repeat;
	padding-bottom: 30px;
}

.envmap {
	text-align: center;
}

@media(max-width:1600px) {
	#services_environment {
		background: url(../../images/envbg_02.png), url(../../images/envbg_01.png);
		background-position: right bottom, left bottom;
		background-size: 45% auto, 40% auto;
		background-repeat: no-repeat, no-repeat;
	}
}

@media(max-width:1199px) {
	#services_environment {
		background: url(../../images/envbg_02.png), url(../../images/envbg_01.png);
		background-position: right bottom, left bottom;
		background-size: 30% auto, 40% auto;
		background-repeat: no-repeat, no-repeat;
		padding-bottom: 100px;
	}
}

@media(max-width:1000px) {
	.envmap img {
		max-width: 100%;
	}
}

@media(max-width:800px) {
	#services_environment {
		background: transparent;
		padding-bottom: 20px;
	}
}


/**************************
******services_envfour*****
**************************/

#services_envfour {
	background: url(../../images/envfourbg.jpg);
	background-position: center bottom;
	background-size: auto;
	background-repeat: no-repeat;
}

.envfour {
	padding: 0 50px;
}

.envfour ul {
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

.envfour ul li {
	display: inline-block;
	float: left;
	width: 25%;
	padding: 5px;
}

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

.env100 {
	padding-top: 280px;
}

.env100en {
	padding-top: 80px;
	padding-right: 100px;
}

.env100en img {
	float: right;
}

@media(max-width:1600px) {
	.env100 img {
		max-width: 600px;
	}
	.env100en img {
		max-width: 650px;
	}
	#services_envfour {
		background: url(../../images/envfourbg.jpg);
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}
	.env100 {
		padding-top: 150px;
	}
}

@media(max-width:1199px) {
	.envfour {
		padding: 0 20px;
	}
	.env100 img {
		max-width: 450px;
	}
	.env100en img {
		max-width: 500px;
	}
}

@media(max-width:991px) {
	.envfour ul li {
		width: 50%;
	}
	.envfour {
		padding: 0 50px;
	}
	.env100 {
		padding-top: 150px;
	}
	.env100 img {
		max-width: 450px;
	}
	.env100en img {
		max-width: 300px;
	}
	.env100en {
		padding-right: 50px;
		padding-top: 0px;
	}
}

@media(max-width:768px) {
	.env100 img {
		max-width: 350px;
	}
	.env100 {
		padding-top: 80px;
	}
	.envfour {
		padding: 0 10px;
	}
}

@media(max-width:600px) {
	.env100 img {
		max-width: 350px;
	}
	.env100 {
		padding-top: 20px;
	}
	.env100en {
		padding-top: 130px;
	}
	#services_envfour {
		background: url(../../images/envfourbg.jpg);
		background-position: center bottom;
		background-size: auto 300px;
		background-repeat: no-repeat;
	}
}

@media(max-width:400px) {
	.env100 img {
		max-width: 95%;
	}
	.env100en img {
		max-width: 80%;
	}
	.env100en {
		padding-right: 10px;
		padding-top: 80px;
	}
	#services_envfour {
		background: url(../../images/envfourbg.jpg);
		background-position: center bottom;
		background-size: auto 200px;
		background-repeat: no-repeat;
	}
	.envfour ul li {
		width: 100%;
	}
	.envfour {
		padding: 0 10px;
	}
}


/**************************
******services_envb*****
**************************/

#services_envb {
	background: #b9f2e9;
	padding-top: 10px;
	padding-bottom: 10px;
}

.envbbg {
	background: url(../../images/envbbg.png);
	background-position: center top 30px;
	background-size: auto;
	background-repeat: no-repeat;
}

.envbbg ul {
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

.envbbg ul li {
	display: inline-block;
	float: left;
	width: 33.33%;
	padding: 5px;
}

.envbbg li:nth-child(2) {
	padding-top: 75px;
}

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

@media(max-width:1750px) {
	.envbbg {
		background: url(../../images/envbbg.png);
		background-position: center top 30px;
		background-size: auto 80%;
		background-repeat: no-repeat;
	}
}


/**************************
*********services_about*****
**************************/

#services_aboutbanner {
	background: url(../../images/aboutbanner.png);
	background-position: left bottom;
	background-size: auto;
	background-repeat: no-repeat;
}

.aboutbannert {
	text-align: center;
	margin-top: 90px;
}

.aboutbannerr img {
	float: right;
	margin-top: -25px;
}

@media(max-width:1700px) {
	.aboutbannerr img {
		max-width: 700px;
	}
	.aboutbannert {
		margin-top: 40px;
	}
	#services_aboutbanner {
		background: url(../../images/aboutbanner.png);
		background-position: left bottom;
		background-size: auto 100%;
		background-repeat: no-repeat;
	}
}

@media(max-width:1400px) {
	.aboutbannert img {
		max-width: 450px;
	}
	.aboutbannerr img {
		max-width: 550px;
	}
	.aboutbannert {
		margin-top: 20px;
	}
}

@media(max-width:1100px) {
	.aboutbannert img {
		max-width: 400px;
	}
	.aboutbannerr img {
		max-width: 450px;
		margin-top: -5px;
	}
	.aboutbannert {
		margin-top: 0px;
	}
}

@media(max-width:900px) {
	#services_aboutbanner {
		background: url(../../images/aboutbanner.png);
		background-position: left -100px bottom;
		background-size: 90% auto;
		background-repeat: no-repeat;
	}
}

@media(max-width:700px) {
	.aboutbannerr img {
		max-width: 60%;
		margin-top: 0px;
	}
}

@media(max-width:500px) {
	.aboutbannert img {
		max-width: 80%;
	}
	#services_aboutbanner {
		background: url(../../images/aboutbanner.png);
		background-position: left -70px bottom;
		background-size: 90% auto;
		background-repeat: no-repeat;
	}
}


/**************************
*********services_cw********
**************************/

#services_cw {
	background: url(../../images/cwbg_02.jpg), url(../../images/cwbg_01.jpg) #fcecec;
	background-position: center bottom 40px, center top;
	background-size: auto, auto;
	background-repeat: no-repeat, no-repeat;
	padding-top: 60px;
	padding-bottom: 80px;
	color: #1f1f1f;
}

.cwp {
	margin-top: 30px;
	padding-bottom: 30px;
}

.cwp p {
	line-height: 36px;
	text-align: center;
}

.cwbr {
	display: block;
	line-height: 1px;
}

.welcome img {
	margin: 0 auto;
}

@media(max-width:1300px) {
	#services_cw {
		background: url(../../images/cwbg_02.jpg), url(../../images/cwbg_01.jpg) #fcecec;
		background-position: center bottom 20px, center top;
		background-size: auto, 105% auto;
		background-repeat: no-repeat, no-repeat;
		padding-top: 30px;
		padding-bottom: 40px;
	}
}

@media(max-width:1100px) {
	.cwp p {
		line-height: 30px;
		text-align: left;
		text-align: justify;
	}
	.cwbr {
		display: none;
	}
}

@media(max-width:700px) {
	.welcome img {
		max-width: 350px;
	}
	#services_cw {
		background: url(../../images/cwbg_02.jpg), url(../../images/cwbg_01.jpg) #fcecec;
		background-position: center bottom 20px, center top;
		background-size: auto 25px, 100% auto;
		background-repeat: no-repeat, no-repeat;
		padding-bottom: 30px;
	}
}

@media(max-width:450px) {
	.welcome img {
		max-width: 80%;
	}
	.cwp {
		margin-top: 20px;
		padding-bottom: 20px;
	}
}


/**************************
*********services_note*****
**************************/

#services_aboutthree {
	margin-top: 30px;
}

#services_aboutthree ul {
	margin: 0;
	padding: 0;
}

#services_aboutthree ul li {
	display: inline-block;
	float: left;
	width: 33.33%;
	padding: 0 5px;
}

@media(max-width:650px) {
	#services_aboutthree ul li {
		display: inline-block;
		float: left;
		width: 100%;
		padding: 5px 15px;
	}
	#services_aboutthree {
		margin-top: 10px;
	}
	#services_aboutthree li:nth-child(3) {
		padding-bottom: 0px;
	}
}


/**************************
*********services_aboutb*****
**************************/

#services_aboutb {
	background: url(../../images/abouttree.png);
	background-position: right bottom;
	background-size: auto;
	background-repeat: no-repeat;
	min-height: 1543px;
	padding-top: 70px;
	padding-left: 75px;
}

.aboutbox {
	background: #638c0b url(../../images/aboutboxbg.png);
	background-position: center top;
	background-size: auto;
	background-repeat: no-repeat;
	max-width: 975px;
	padding: 30px;
	padding-top: 50px;
}

.abouttwo {
	border: #b1c685 1px solid;
}

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

.abouttwo ul li {
	display: inline-block;
	float: left;
	width: 50%;
	padding: 5px;
}

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

.aboutboxen {
	padding-top: 75px;
	padding-left: 75px;
}

@media(max-width:1600px) {
	#services_aboutb {
		background: url(../../images/abouttree.png);
		background-position: right bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;
		min-height: 1000px;
	}
	.aboutbox {
		max-width: 60%;
	}
}

@media(max-width:1300px) {
	#services_aboutb,
	.aboutboxen {
		padding-top: 30px;
		padding-left: 30px;
	}
	#services_aboutb {
		min-height: 800px;
	}
	.aboutboxen img {
		max-width: 350px;
	}
}

@media(max-width:1020px) {
	.aboutbox {
		padding: 10px;
		padding-top: 40px;
	}
	.aboutbox {
		max-width: 80%;
	}
	#services_aboutb {
		background: url(../../images/abouttree.png);
		background-position: right bottom;
		background-size: cover;
		background-repeat: no-repeat;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media(max-width:768px) {
	.aboutbox {
		max-width: 100%;
	}
	#services_aboutb {
		min-height: auto;
		padding-bottom: 40px;
	}
}

@media(max-width:600px) {
	#services_aboutb {
		padding: 10px;
		padding-bottom: 40px;
	}
}

@media(max-width:450px) {
	.abouttwo ul li {
		display: inline-block;
		float: left;
		width: 100%;
	}
	.aboutboxen img {
		max-width: 100%;
	}
	.aboutboxen {
		padding-left: 0px;
	}
}


/**************************
*********services_res*****
**************************/

#services_res {
	background: url(../../images/restbg.png);
	background-position: right bottom;
	background-size: auto;
	background-repeat: no-repeat;
	padding-bottom: 74px;
}

.rest {
	text-align: center;
}

.resimg {
	margin-top: 30px;
}
.resimg img {
	max-width: 50vw;
}
.resimg div {
	display: inline-block;
    vertical-align: top;
    width: 45%;
    padding: 4em 2em 1em 5em;
}
.resimg div p {
	font-size: 18px;
	text-align: left;
	text-align: justify;
	text-justify:inter-ideograph;
}

@media(max-width:1600px) {
	#services_res {
		background: url(../../images/restbg.png);
		background-position: right bottom;
		background-size: 50% auto;
		background-repeat: no-repeat;
		padding-bottom: 55px;
	}
	.resimg div {
		padding: 2em 2em 1em 5em;
	}
}

@media(max-width:1199px) {
	.rest img {
		max-width: 60%;
	}
	.resimg img {
		max-width: 60vw;
	}
	#services_res {
		padding-bottom: 40px;
	}
	.resimg div {
		padding: 0em 1em 1em 3em;
		width: 36%;
	}
}

@media(max-width:800px) {
	.resimg img {
		max-width: 100%;
		height: 200px;
		float: right;
	}
	.resimg {
		margin-top: 45px;
	}
	#services_res {
		background: url(../../images/restbg.png);
		background-position: right bottom;
		background-size: contain;
		background-repeat: no-repeat;
		padding-bottom: 0px;
	}
	.resimg div {
		padding: 3em 3em 5em;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.rest img {
		max-width: 80%;
	}
}

@media(max-width:600px) {
	.resimg img {
		clear: right;
		float: none;
		height: auto;
	}
	.resimg {
		margin-top: 10px;
		text-align: center;
	}
}

@media(max-width:500px) {
	.resimg div p {
		font-size: 16px;
	}
	.resimg div {
		padding: 2em 2em 3em;
	}
}

/**************************
*********services_menu*****
**************************/

#services_menu {
	background: url(../../images/menubg2_02.png), url(../../images/menubg2_01.png), url(../../images/menubg1.png), url(../../images/menubg1.png), url(../../images/menubg.jpg);
	background-position: right bottom, left top, left bottom, right top, left top;
	background-size: auto, auto, auto, auto, auto;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
	min-height: 1000px;
	padding-bottom: 250px;
}

.menut img {
	margin: 0 auto;
}

.menut {
	padding: 40px 0;
}

.menuimg {
	margin: 30px 0;
}

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

.menuimg ul li {
	display: inline-block;
	float: left;
	width: 16.66%;
}

.menubox {
	background: url(../../images/menuboxbg.jpg);
	background-position: left top;
	background-size: auto;
	background-repeat: repeat;
	margin-left: 200px;
	margin-right: 200px;
	padding: 20px;
}

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

.menubox ul li {
	display: inline-block;
	float: left;
}

.menubox li:nth-child(1) {
	width: 50.9647371922821%;
}

.menubox li:nth-child(2) {
	width: 49.0352628077179%;
}

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

@media(max-width:1600px) {
	#services_menu {
		background: url(../../images/menubg2_02.png), url(../../images/menubg2_01.png), url(../../images/menubg1.png), url(../../images/menubg1.png), url(../../images/menubg.jpg);
		background-position: right bottom, left top, left bottom, right top, left top;
		background-size: 30% auto, 25% auto, auto 100px, auto 100px, auto;
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
		padding-bottom: 150px;
	}
	.menut {
		padding: 30px 0;
	}
}

@media(max-width:1400px) {
	#services_menu {
		background: url(../../images/menubg2_02.png), url(../../images/menubg2_01.png), url(../../images/menubg1.png), url(../../images/menubg1.png), url(../../images/menubg.jpg);
		background-position: right bottom, left top, left bottom, right top, left top;
		background-size: 30% auto, 25% auto, 90% auto, 90% auto, auto;
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
	}
	.menubox {
		margin-left: 100px;
		margin-right: 100px;
	}
}

@media(max-width:1199px) {
	.menuimg {
		margin: 10px 0;
	}
	.menubox {
		margin-left: 50px;
		margin-right: 50px;
	}
	#services_menu {
		padding-bottom: 100px;
	}
}

@media(max-width:991px) {
	.menut {
		padding-top: 40px;
		padding-bottom: 10px;
	}
	.menuimg ul li {
		width: 33.33%;
	}
	.menuimg {
		padding: 0 20%;
	}
}

@media(max-width:800px) {
	.menuimg {
		padding: 0 8%;
	}
	.menubox li:nth-child(1) {
		width: 100%;
	}
	.menubox li:nth-child(2) {
		width: 100%;
	}
	.menubox {
		padding: 10px;
	}
	.menubox {
		background: url(../../images/menuboxbg.jpg);
		background-position: left top;
		background-size: 150px auto;
		background-repeat: repeat;
	}
	#services_menu {
		padding-bottom: 80px;
	}
}

@media(max-width:600px) {
	.menuimg {
		padding: 0 15px;
	}
	.menubox {
		margin-left: 10px;
		margin-right: 10px;
	}
}

@media(max-width:500px) {
	.menubox {
		background: url(../../images/menuboxbg.jpg);
		background-position: left top;
		background-size: 110px auto;
		background-repeat: repeat;
	}
	#services_menu {
		padding-bottom: 40px;
	}
	.menubox {
		padding: 5px;
	}
}


/**************************
*********services_restb*****
**************************/

#services_restb {
	background: url(../../images/resbbg.jpg);
	background-position: left top;
	background-size: auto;
	background-repeat: repeat;
	padding: 10px 0;
}

.resbox {
	max-width: 1863px;
}

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

.resbox ul li {
	display: inline-block;
	float: left;
}

.resbox li:nth-child(1) {
	width: 37.84219001610306%;
}

.resbox li:nth-child(2) {
	width: 43.74664519592056%;
}

.resbox li:nth-child(3) {
	width: 18.41116478797638%;
}

@media(max-width:800px) {
	.resbox li:nth-child(1) {
		width: 100%;
	}
	.resbox li:nth-child(2) {
		width: 100%;
	}
	.resbox li:nth-child(3) {
		width: 100%;
	}
	.resbox ul li {
		padding: 5px;
	}
	.resbox ul li img {
		margin: 0 auto;
		max-width: 705px;
	}
}

@media(max-width:730px) {
	.resbox ul li img {
		max-width: 100%;
	}
}

@media(max-width:450px) {
	.resbox ul li {
		padding: 2px 15px;
	}
}


/**************************
*********services_rect*****
**************************/

.rectext,
.recsix {
	text-align: center;
}

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

.rectext ul li {
	display: inline-block;
	padding: 0 5px;
}

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

.recsix ul li {
	display: inline-block;
	padding: 0 5px;
}

@media(max-width:1100px) {
	.recsix ul li {
		float: left;
		width: 16.66%;
	}
}

@media(max-width:600px) {
	.recsix ul li {
		float: left;
		width: 33.333%;
		padding: 5px;
	}
	.recsix {
		padding: 0 30px;
	}
}

@media(max-width:450px) {
	.rectext {
		margin-top: 20px;
	}
	.recsix {
		padding: 0 10px;
	}
}


/**************************
*********services_rec******
**************************/

#services_rec {
	background: url(../../images/reclinebg_01.png), url(../../images/recbg_01.png), url(../../images/reclinebg_03.png), url(../../images/recbg_03.png);
	background-position: right 460px top 130px, left bottom 70px, right bottom, right top;
	background-size: auto, auto, auto, auto;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	min-height: 600px;
}

.rectitle {
	text-align: center;
	padding-top: 40px;
}

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

.rectitle ul li {
	display: inline-block;
}

.stroke img {
	margin: 0 auto;
}

.stroke {
	margin-top: 50px;
	margin-bottom: 30px;
}

@media(max-width:1800px) {
	#services_rec {
		background: url(../../images/reclinebg_01.png), url(../../images/recbg_01.png), url(../../images/reclinebg_03.png), url(../../images/recbg_03.png);
		background-position: right 340px top 130px, left bottom 70px, right bottom, right top 40px;
		background-size: auto, auto, auto, 450px auto;
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	}
}

@media(max-width:1500px) {
	#services_rec {
		background: url(../../images/reclinebg_01.png), url(../../images/recbg_01.png), url(../../images/reclinebg_03.png), url(../../images/recbg_03.png);
		background-position: right 250px top 130px, left bottom 70px, right bottom, right top 60px;
		background-size: auto, auto, auto, 350px auto;
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	}
}

@media(max-width:1300px) {
	#services_rec {
		background: url(../../images/reclinebg_01.png), url(../../images/recbg_01.png), url(../../images/reclinebg_03.png), url(../../images/recbg_03.png);
		background-position: right 250px top 190px, left bottom 70px, right bottom, right top 120px;
		background-size: auto, auto, auto, 350px auto;
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	}
	.rectitle ul li {
		display: inline-block;
		float: left;
		width: 100%;
	}
	.rectitle ul li img {
		margin: 0 auto;
	}
	.rectitle {
		padding-top: 10px;
	}
}

@media(max-width:900px) {
	#services_rec {
		background: url(../../images/reclinebg_01.png), url(../../images/recbg_01.png), url(../../images/reclinebg_03.png);
		background-position: center top 190px, left bottom 70px, right bottom;
		background-size: auto, auto, auto;
		background-repeat: no-repeat, no-repeat, no-repeat;
	}
	.rectitle ul li img {
		max-width: 90%;
	}
}

@media(max-width:600px) {
	#services_rec {
		background: url(../../images/reclinebg_01.png), url(../../images/recbg_01.png), url(../../images/reclinebg_03.png);
		background-position: center top 170px, left bottom 70px, right bottom;
		background-size: auto, auto, auto;
		background-repeat: no-repeat, no-repeat, no-repeat;
	}
}

@media(max-width:500px) {
	#services_rec {
		background: url(../../images/reclinebg_01.png), url(../../images/recbg_01.png), url(../../images/reclinebg_03.png);
		background-position: center top 150px, left bottom 70px, right bottom;
		background-size: auto, auto, auto;
		background-repeat: no-repeat, no-repeat, no-repeat;
	}
	.stroke {
		overflow: hidden;
	}
	.stroke img {
		margin: 0 auto;
		max-width: 120%;
		transform: translateX(-8%);
	}
}

@media(max-width:420px) {
	#services_rec {
		background: url(../../images/reclinebg_01.png), url(../../images/recbg_01.png), url(../../images/reclinebg_03.png);
		background-position: center top 130px, left bottom 70px, right bottom;
		background-size: auto, auto, auto;
		background-repeat: no-repeat, no-repeat, no-repeat;
	}
	.stroke img {
		max-width: 138%;
		transform: translateX(-13%);
	}
}

@media(max-width:400px) {
	.stroke img {
		max-width: 135%;
		transform: translateX(-12%);
	}
}

@media(max-width:360px) {
	#services_rec {
		background: url(../../images/reclinebg_01.png), url(../../images/recbg_01.png), url(../../images/reclinebg_03.png);
		background-position: center top 120px, left bottom 70px, right bottom;
		background-size: auto, auto, auto;
		background-repeat: no-repeat, no-repeat, no-repeat;
	}
}


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

.activitybox {
	background: #fff100;
	min-height: 280px;
	margin: 0 178px;
	border-radius: 300px;
	color: #221815;
	padding: 40px 0;
}

hr {
	border: 0;
	border-top: 1px solid #fff;
	margin: 10px 230px;
}

.activitybox p {
	font-size: 26px;
	padding-top: 15px;
	line-height: 35px;
	font-weight: bold;
	padding-right: 80px;
}

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

.activitybox ul li:nth-child(1) {
	display: inline-block;
	float: left;
	width: 35%;
}

.activitybox ul li:nth-child(2) {
	display: inline-block;
	float: left;
	width: 60%;
}

.activitybox ul li:nth-child(1) img {
	float: right;
	padding-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.actl {
	margin-bottom: -270px;
}

.actr img {
	float: right;
	margin-top: -270px;
}

@media(max-width:1800px) {
	.actl img {
		max-width: 250px;
		transform: translateY(80px);
	}
	.actl {
		margin-bottom: -180px;
	}
	.actr img {
		max-width: 200px;
		margin-top: -170px;
	}
	.activitybox p {
		padding-right: 0px;
	}
}

@media(max-width:1600px) {
	.activitybox ul li:nth-child(1) {
		width: 30%;
	}
	.activitybox ul li:nth-child(2) {
		width: 70%;
	}
	.activitybox ul li:nth-child(1) img {
		max-width: 200px;
	}
	.activitybox p {
		font-size: 22px;
		padding-top: 10px;
		line-height: 30px;
		padding-right: 50px;
	}
}

@media(max-width:1400px) {
	.activitybox {
		margin: 0 50px;
	}
	.actl img {
		max-width: 200px;
	}
	.actl {
		margin-bottom: -140px;
	}
	.actr img {
		max-width: 150px;
		margin-top: -140px;
	}
	.activitybox p {
		padding-right: 100px;
	}
}

@media(max-width:1199px) {
	.actr img {
		max-width: 120px;
		margin-top: -110px;
		margin-right: 50px;
	}
	.actl img {
		max-width: 200px;
		transform: translateY(0px);
	}
	.actl {
		margin-bottom: -100px;
	}
	.activitybox {
		margin: 0 20px;
		padding: 100px 0;
		border-radius: 180px;
	}
	.activitybox p {
		padding-right: 50px;
	}
}

@media(max-width:1100px) {
	.activitybox ul li:nth-child(1) {
		width: 100%;
	}
	.activitybox ul li:nth-child(2) {
		width: 100%;
	}
	.activitybox p {
		padding-right: 0px;
		text-align: center;
	}
	.activitybox ul li:nth-child(1) img {
		clear: both;
		float: none;
		margin: 0 auto;
		padding-right: 0px;
	}
	.actl {
		margin-bottom: -150px;
	}
	.activitybox {
		border-radius: 100px;
	}
	hr {
		margin: 10px 50px;
	}
}

@media(max-width:800px) {
	.activitybox p {
		font-size: 18px;
		padding-top: 10px;
		line-height: 30px;
	}
}

@media(max-width:700px) {
	.bract {
		display: none;
	}
	.activitybox p {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media(max-width:600px) {
	.activitybox p {
		text-align: left;
		font-size: 16px;
		line-height: 26px;
	}
	.actl img {
		max-width: 130px;
		transform: translateY(0px);
	}
	.actl {
		margin-bottom: -100px;
	}
	.actr img {
		max-width: 100px;
		margin-top: -80px;
	}
	.activitybox {
		border-radius: 50px;
	}
}

@media(max-width:450px) {
	.activitybox ul li:nth-child(1) img {
		max-width: 150px;
	}
	hr {
		margin: 10px 20px;
	}
	.activitybox p {
		padding-left: 5px;
		padding-right: 5px;
	}
	.activitybox {
		margin: 0 10px;
	}
}


/**************************
*********services_child*****
**************************/

#services_child {
	background: url(../../images/childtext.png), url(../../images/recfish.jpg) #fff;
	background-position: top 450px right 15%, top right;
	background-size: auto, auto;
	background-repeat: no-repeat, no-repeat;
	margin-top: 33px;
	box-shadow: 0px -1px 10px 4px #000;
}

.childbox {
	padding-top: 15px;
	padding-bottom: 15px;
}

.child1,
.child2 {
	max-width: 1265px;
}

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

.child1 ul li {
	display: inline-block;
	float: left;
}

.child1 li:nth-child(1) {
	width: 22.13438735177866%;
}

.child1 li:nth-child(2) {
	width: 42.45059288537549%;
}

.child1 li:nth-child(3) {
	width: 35.41501976284585%;
}

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

.child2 ul li {
	display: inline-block;
	float: left;
}

.child2 li:nth-child(1) {
	width: 40.47430830039526%;
}

.child2 li:nth-child(2) {
	width: 39.92094861660079%;
}

.child2 li:nth-child(3) {
	width: 19.60474308300395%;
}

.childb {
	padding-bottom: 40px;
}

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

.childb ul li {
	display: inline-block;
	float: left;
}

.childb li:nth-child(1) {
	width: 39.92332968236583%;
	padding-left: 20px;
}

.childb li:nth-child(2) {
	width: 60.07667031763417%;
}

.childb li img {
	float: right;
}

@media(max-width:1900px) {
	.childb li:nth-child(1) {
		padding-left: 0px;
		padding-right: 5px;
	}
	.childb li:nth-child(2) {
		padding-left: 5px;
	}
}

@media(max-width:1850px) {
	#services_child {
		background: url(../../images/childtext.png), url(../../images/recfish.jpg) #fff;
		background-position: top 450px right 5px, top right;
		background-size: auto, auto;
		background-repeat: no-repeat, no-repeat;
	}
}

@media(max-width:1650px) {
	#services_child {
		background: url(../../images/childtext.png), url(../../images/recfish.jpg) #fff;
		background-position: top 20px right 5px, top right;
		background-size: 20% auto, 60% auto;
		background-repeat: no-repeat, no-repeat;
	}
	.child1,
	.child2 {
		max-width: 70%;
	}
	.childb {
		padding-bottom: 20px;
	}
}

@media(max-width:900px) {
	.child1,
	.child2 {
		max-width: 100%;
	}
	#services_child {
		background: #fff;
	}
}

@media(max-width:500px) {
	#services_child {
		background: url(../../images/childtext.png), url(../../images/recfish.jpg) #fff;
		background-position: top 20px right 5px, top right;
		background-size: auto 80px, auto 330px;
		background-repeat: no-repeat, no-repeat;
	}
	.childbox {
		padding-top: 150px;
		padding-bottom: 5px;
	}
	.child1 li:nth-child(1),
	.child1 li:nth-child(2),
	.child1 li:nth-child(3),
	.child2 li:nth-child(1),
	.child2 li:nth-child(2),
	.child2 li:nth-child(3) {
		width: 100%;
	}
	.child1 li img,
	.child2 li img {
		margin: 0 auto;
		max-width: 90%;
	}
	.child1 li:nth-child(1) img {
		border-right: #003567 5px solid;
	}
	.child1 li:nth-child(2) img,
	.child2 li:nth-child(1) img,
	.child2 li:nth-child(2) img {
		border-right: #003567 5px solid;
		border-left: #003567 5px solid;
	}
	.child1 li:nth-child(3) img,
	.child2 li:nth-child(3) img {
		border-left: #003567 5px solid;
	}
	.childb li:nth-child(1) {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.childb li:nth-child(2) {
		width: 100%;
		padding-left: 0px;
		padding-top: 5px;
	}
	.childb li img {
		float: none;
		margin: 0 auto;
		width: 90%;
	}
}

@media(max-width:350px) {
	.child1 li img,
	.child2 li img {
		max-width: 96%;
	}
	.childb li img {
		width: 96%;
	}
}


/*************************
*****services_room********
**************************/

#services_room {
	padding-bottom: 30px;
}

.rmbtbg {
	background: url(../../images/rmbtbg2.png);
	background-position: center top;
	background-size: auto;
	background-repeat: no-repeat;
	margin-top: -100px;
	padding-top: 100px;
}
.subtbg {
	background: url(../../images/subtbg.png);
	background-position: center top;
	background-size: auto;
	background-repeat: no-repeat;
	margin-top: -100px;
	padding-top: 100px;
}

.goodmorning {
	margin-bottom: 40px;
}

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

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

.rmbt ul li {
	display: inline-block;
	float: left;
	width: 20%;
}
.subt {
	text-align: center;
}
.subt ul {
	width: 550px;
	margin: 0 auto;
	max-width: 90%;
}
.subt ul li {
	float: none;
	width: 45%;
}
.roomb img {
	margin: 0 auto;
}

.roombg {
	background: url(../../images/roombg_02.jpg), url(../../images/roombg_01.jpg);
	background-position: right top, left top;
	background-size: 50% auto, 50% auto;
	background-repeat: no-repeat, no-repeat;
}

.room1 {
	margin-top: 30px;
}

@media(max-width:768px) {
	.rmbtbg {
		background: url(../../images/rmbtbg2.png);
		background-position: center top;
		background-size: 100% auto;
		background-repeat: no-repeat;
		margin-top: -50px;
		padding-top: 50px;
	}
	.goodmorning img {
		max-width: 50%;
	}
}


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

.roomb table {
	width: 100%;
}

.roomb td {
	letter-spacing: 0px;
	line-height: 1.5;
    padding: 5px 2px;
}

@media(max-width:991px) {
	.roomb table {
		width: 100%;
	}
}

@media(max-width:500px) {
	.roomb td {
		letter-spacing: 0px;
		font-size: 13px;
	}
}


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

.campstbg {
	background: url(../../images/campstbg.png);
	background-position: center top;
	background-size: auto;
	background-repeat: no-repeat;
	margin-top: -100px;
	padding-top: 100px;
}

.campsbg {
	background: url(../../images/campsbg.png);
	background-position: center top;
	background-size: auto;
	background-repeat: no-repeat;
}

.goodnight img {
	float: right;
	padding-bottom: 30px;
}

@media(max-width:900px) {
	.campstbg {
		background: url(../../images/campstbg.png);
		background-position: center top;
		background-size: 110% auto;
		background-repeat: no-repeat;
		margin-top: -50px;
		padding-top: 50px;
	}
}

@media(max-width:700px) {
	.goodnight img {
		max-width: 45%;
		padding-bottom: 20px;
	}
}
.camp_btn{
    text-align:center
}
.camp_btn ul{
    list-style:none;
    width:600px;
    margin:0 auto;
    max-width:90%;
    padding:0;
    padding:1em 0 3em
}
.camp_btn li{
    display:inline-block;
    vertical-align:top;
    width:48%
}
.camp_btn a{
    position:relative;
    display:inline-block
}
.camp_btn a p{
    color:#fff;
    font-weight:bold;
    font-size:18px;
    margin:0;
    transition:.2s ease all
}
.camp_btn a img:nth-of-type(1){
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    opacity:0;
    transition:.2s ease all;
    max-width:100%
}
.camp_btn a img:nth-of-type(2){
    max-width:100%
}
.camp_btn a:hover img:nth-of-type(1){
    opacity:1
}
.camp_btn a:hover p{
    opacity:.7
}
@media(max-width:500px){
    .camp_btn a p{
        font-size:16px;
        margin-bottom:-5px
    }
    .camp_btn ul{
        padding:1em 0 2em
    }
}

/*************************
*********services_news*****
**************************/

#services_news {
	min-height: 40vh;
	padding-bottom: 40px;
}


/*********/

#services_news a {
	color: #ffffff;
}

#services_news a:visited {
	color: #e8e8e8;
}

#services_news a:hover,
#services_news a:focus {
	color: #ffd200;
}

.newstable table {
	width: 100%;
}

.newstable td {
	letter-spacing: 0px;
}


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

.tableimg img {
	display: block;
	height: auto;
	max-width: 100%;
	max-height: auto;
	width: 100%;
}

.newstable iframe {
	display: block;
	height: 600px;
	max-width: 100%;
	max-height: auto;
}

@media screen and (max-width:767px) {
	.newstable iframe {
		padding-left: 15px;
		padding-right: 15px;
		height: 400px;
	}
	.table-responsive {
		border: 0px solid transparent;
		margin-bottom: 0px;
	}
}


/**************************
*********services_note*****
**************************/

.note {
	padding-bottom: 40px;
}

@media(max-width:600px) {
	.note img {
		max-width: 250px;
	}
}

@media(max-width:400px) {
	.note img {
		max-width: 200px;
	}
}


/*************************
*********services_loc*****
**************************/

#map_canvas {
	min-height: 640px;
	margin-top: 30px;
}

@media(max-width:600px) {
	#map_canvas {
		min-height: 450px;
	}
	#services_loc td {
		letter-spacing: 0.5px;
	}
}


/*************************
*********services_sce*****
**************************/

#services_sce h3 {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 30px;
}

@media(max-width:900px) {
	#services_sce h3 {
		font-size: 15px;
		letter-spacing: 0px;
	}
}

@media(max-width:650px) {
	#services_sce h3 {
		font-size: 14px;
		text-align: left;
		margin-bottom: 10px;
	}
}

@media(max-width:450px) {
	#services_sce h3 {
		text-align: justify;
	}
}

.sce {
	padding-left: 150px;
	padding-right: 400px;
	margin-bottom: 30px;
}

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

.sce ul li {
	display: inline-block;
	float: left;
}

.sce li:nth-child(1) {
	width: 55%;
}

.sce li:nth-child(2) {
	width: 45%;
}

.sce p {
	text-align: justify;
}

@media(max-width:1700px) {
	.sce {
		padding-left: 50px;
		padding-right: 200px;
	}
}

@media(max-width:1400px) {
	.sce {
		padding-left: 0px;
		padding-right: 50px;
	}
}

@media(max-width:1199px) {
	.sce li:nth-child(2) img {
		max-height: 70px;
	}
	.sce p {
		line-height: 26px;
		font-size: 15px;
	}
	.sce li:nth-child(1) img {
		max-width: 110%;
		transform: translateX(-10%);
	}
}

@media(max-width:800px) {
	.sce li:nth-child(1) {
		width: 100%;
	}
	.sce li:nth-child(2) {
		width: 100%;
	}
	.sce li:nth-child(1) img {
		max-width: 100%;
		transform: translateX(0%);
	}
	.sce {
		padding-right: 0px;
	}
	.sce li:nth-child(2) img {
		margin: 0 auto;
	}
}

@media(max-width:550px) {
	.sce li:nth-child(1) img {
		max-width: 115%;
		transform: translateX(-15%);
	}
}

@media(max-width:400px) {
	.sce li:nth-child(1) img {
		max-width: 120%;
		transform: translateX(-15%);
	}
}


/****************20170516  以上太平山森活趣渡假農場******************/


/**************************
*******services_inews*****
**************************/


/*****/

.inews td {
	color: #70bb83;
}

.inews a {
	color: #70bb83;
}

.inews a:visited {
	color: #52805e;
}

.inews a:hover,
.inews a:focus {
	color: #32563b;
}


/***************20170516  以下 太平山森活趣渡假農場***************/


/**************************
*********logoin************
**************************/

.logoin {
	margin-top: 20px;
	text-align: center;
	margin-bottom: 10px;
}

@media(max-width:991px) {
	.logoin {
		display: none;
	}
}


/*************************
*********flower**********
**************************/

.fb {
	position: absolute;
	right: 30%;
	top: 90px;
	z-index: 50;
}

.flower {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: url(../../images/flower.png);
	background-position: left top;
	background-size: contain;
	background-repeat: no-repeat;
	width: 500px;
	min-height: 560px;
}

.bird {
	position: absolute;
	right: 9%;
	top: 20px;
	z-index: 1;
	background: url(../../images/bird.png);
	background-position: right top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 275px;
	min-height: 424px;
}

.index2bg {
	background: url(../../images/index4bg.jpg), url(../../images/index3bg.png), url(../../images/index2bg.jpg);
	background-position: right top, left top, left top;
	background-size: auto, auto, auto;
	background-repeat: no-repeat, no-repeat, repeat;
}

@media(max-width:1800px) {
	.flower {
		width: 400px;
		min-height: 450px;
	}
	.bird {
		right: 5%;
		top: 40px;
		width: 250px;
		min-height: 380px;
	}
	.index2bg {
		background: url(../../images/index4bg.jpg), url(../../images/index3bg.png), url(../../images/index2bg.jpg);
		background-position: right top, left top, left top;
		background-size: 450px auto, 550px auto, auto;
		background-repeat: no-repeat, no-repeat, repeat;
	}
}

@media(max-width:1600px) {
	.flower {
		width: 22%;
		min-height: 350px;
	}
	.bird {
		right: 5%;
		top: 70px;
		width: 12%;
		min-height: 280px;
	}
	.index2bg {
		background: url(../../images/index4bg.jpg), url(../../images/index3bg.png), url(../../images/index2bg.jpg);
		background-position: right top, left top, left top;
		background-size: 25% auto, 30% auto, auto;
		background-repeat: no-repeat, no-repeat, repeat;
	}
	.fb {
		right: 20%;
	}
}

@media(max-width:1400px) {
	.flower {
		width: 250px;
		transform: translate(-40px, -20px) rotate(15deg);
		min-height: 350px;
	}
	.bird {
		right: 0%;
		top: -20px;
		width: 13%;
		min-height: 250px;
	}
	.index2bg {
		background: url(../../images/index4bg.jpg), url(../../images/index3bg.png), url(../../images/index2bg.jpg);
		background-position: right -50px top, left -50px top, left top;
		background-size: 25% auto, 330px auto, auto;
		background-repeat: no-repeat, no-repeat, repeat;
	}
}

@media(max-width:1199px) {
	.flower {
		width: 170px;
		transform: translate(-30px, -20px) rotate(15deg);
		min-height: 220px;
	}
	.index2bg {
		background: url(../../images/index4bg.jpg), url(../../images/index3bg.png), url(../../images/index2bg.jpg);
		background-position: right -50px top, left -30px top -30px, left top;
		background-size: 25% auto, 250px auto, auto;
		background-repeat: no-repeat, no-repeat, repeat;
	}
	.bird {
		top: 0px;
		right: 0px;
		min-height: 250px;
	}
}

@media(max-width:1100px) {
	.fb {
		right: 10%;
	}
}

@media(max-width:991px) {
	.flower {
		top: 79px;
		width: 170px;
		transform: translate(-30px, -20px) rotate(15deg);
		min-height: 220px;
	}
	.index2bg {
		background: url(../../images/index4bg.jpg), url(../../images/index3bg.png), url(../../images/index2bg.jpg);
		background-position: right -50px top 60px, left -30px top 50px, left top;
		background-size: 250px auto, 250px auto, auto;
		background-repeat: no-repeat, no-repeat, repeat;
	}
	.bird {
		width: 140px;
		top: 60px;
		right: 60px;
		min-height: 210px;
	}
	.fb {
		top: 100px;
		right: initial;
		left: 2em;
	}
}

@media(max-width:700px) {
	.bird {
		width: 120px;
		top: 70px;
		right: 0px;
		min-height: 180px;
	}
}

@media(max-width:600px) {
	.flower {
		width: 130px;
		min-height: 140px;
	}
	.index2bg {
		background: url(../../images/index4bg.jpg), url(../../images/index3bg.png), url(../../images/index2bg.jpg);
		background-position: right -50px top 60px, left -30px top 50px, left top;
		background-size: 170px auto, 180px auto, auto;
		background-repeat: no-repeat, no-repeat, repeat;
	}
	.bird {
		width: 70px;
		top: 90px;
		right: 5px;
	}
	.fb {
		left: 1em;
	}
}

@media(max-width:400px) {
	.flower {
		width: 100px;
	}
	.index2bg {
		background: url(../../images/index4bg.jpg), url(../../images/index3bg.png), url(../../images/index2bg.jpg);
		background-position: right -50px top 60px, left -30px top 50px, left top;
		background-size: 130px auto, 140px auto, auto;
		background-repeat: no-repeat, no-repeat, repeat;
	}
	.bird {
		width: 50px;
		top: 80px;
		right: 5px;
	}
}

@media(max-width:350px) {
	.fb img {
		max-height: 40px;
	}
}


/*************************
*********index1bg******
**************************/

.index1bg {
	background: url(../../images/index1bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 100vh;
}


/*************************
********ifooter************
**************************/

.ifooter {
	position: fixed;
	z-index: 40;
	bottom: 10px;
	right: 15%;
	width: 50%;
	text-align: right;
	color: #fff;
	font-size: 12px;
	text-shadow: 1px 1px 6px #000, 1px 1px 6px #000;
}

.ifooter h1 {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 20px;
}

.ifooter a {
	color: #fff;
}

.ifooter a:visited {
	color: #fff;
}

.ifooter a:hover,
.ifooter a:focus {
	color: #ffd200;
}

@media(max-width:1400px) {
	.ifooter {
		right: 10px;
	}
}

@media(max-width:991px) {
	.ifooter {
		position: relative;
		top: 0px;
		width: 100%;
		z-index: auto;
		text-align: center;
	}
}


/*************************
*********ifb**************
**************************/

.ifb {
	position: absolute;
	top: 160px;
	right: 15%;
	z-index: 1040;
}

.brs {
	display: none;
}

.brxs {
	display: none;
}

.clearall {
	clear: both;
}

.clearright {
	clear: right;
}

@media(max-width:1400px) {
	.ifb {
		right: 10px;
	}
}

@media(max-width:1250px) {
	.ifb {
		top: 40px;
	}
}

@media(max-width:991px) {
	.ifb {
		position: relative;
		top: 0px;
		z-index: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
	}
	.brs {
		display: block;
		line-height: 1px;
	}
}

@media(max-width:600px) {
	.brxs {
		display: block;
		line-height: 1px;
	}
}

.fb a img:hover,
.ifb a img:hover {
	opacity: 1;
	-webkit-animation: anflash1 1.5s;
	animation: anflash1 1.5s;
}

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

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


/*************************
*********info************
**************************/

.info {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	z-index: 1050;
	color: #fff;
	text-align: center;
	font-size: 13px;
	letter-spacing: 0px;
}

.info img {
	padding-left: 10px;
}

.ihnews,.info{
    position:absolute;
    z-index:50;
}
@media(max-width:600px){
    .brxs{
        display:block;
        line-height:1px
    }
}
.fb a img:hover,.ifb a img:hover{
    opacity:1;
    -webkit-animation:anflash1 1.5s;
    animation:anflash1 1.5s
}
@-webkit-keyframes anflash1{
    0%{
        opacity:.4
    }
    100%{
        opacity:1
    }
}
@keyframes anflash1{
    0%{
        opacity:.4
    }
    100%{
        opacity:1
    }
}
.info{
    top:50px;
    left:0;
    width:100%;
    color:#fff;
    text-align:center;
    font-size:13px;
    letter-spacing:0
}
.info img{
    padding-left:10px
}
.ihnews{
    top:182px;
    left:24%;
    text-align:left;
    width:48%
}
.newsline{
    width:100%
}
.newsline a{
    font-size:24px
}
@media(max-width:1250px){
    .info{
        top:180px
    }
    .ihnews{
        top:301px;
        left:12%
    }
}
@media(max-width:991px){
    .ihnews,.info{
        position:relative
    }
    .info{
        top:0;
        z-index:auto;
        margin-top:20px;
        margin-bottom:20px
    }
    .info img{
        padding:5px 0
    }
    .ihnews{
        top:17px;
        left:36%;
        width:50%
    }
}
@media(max-width:430px){
    .info{
        text-align:left;
        letter-spacing:-.5px
    }
    .ihnews{
        top:17px;
        left:10px;
        width:90%
    }
}
@media(max-width:370px){
    .info img{
        max-width:30px
    }
}

/*************************
*********ilogo************
**************************/

.ilogo {
	position: absolute;
	top: 40px;
	left: 15%;
	z-index: 1040;
	background: url(../../images/logo.png);
	background-position: center center;
	background-size: auto;
	background-repeat: no-repeat;
	width: 162px;
	height: 169px;
}
ul.ibutton_show>li {
	padding: 0 1em !important;
}
@media(max-width:1900px) {
	.ilogo {
		left: 15%;
	}
}

@media(max-width:1770px) {
	.ilogo {
		left: 12%;
	}
}

@media(max-width:1680px) {
	.ilogo {
		left: 9%;
	}
}

@media(max-width:1440px) {
	.ilogo {
		left: 3%;
	}
}

@media(max-width:1360px) {
	.ilogo {
		left: 1%;
	}
}

@media(max-width:1250px) {
	.ilogo {
		top: 10px;
		left: 0px;
		width: 100%;
	}
}

@media(max-width:991px) {
	.ilogo {
		display: none;
	}
}


/*************************
*********cus_slider******
**************************/

.cus_slider {
	position: absolute;
	top: 222px;
	left: 0;
	right: 0;
	z-index: 1;
	background: url(../../images/dexbg.png);
	background-position: center bottom;
	background-size: auto;
	background-repeat: no-repeat;
	padding-bottom: 13px;
}

.cus_slider .carousel-inner>.item>a>img,
.cus_slider .carousel-inner>.item>img {
	max-width: none;
	width: auto;
	margin: 0 auto;
	text-align: center;
	box-shadow: 0px 1px 10px 3px #000;
}

@media(max-width:1900px) {
	.cus_slider .carousel-inner>.item>a>img,
	.cus_slider .carousel-inner>.item>img {
		max-width: 100%;
		width: auto;
	}
}

@media(max-width:1400px) {
	.cus_slider .carousel-inner>.item>a>img,
	.cus_slider .carousel-inner>.item>img {
		max-width: 98%;
	}
	.cus_slider {
		background: url(../../images/dexbg.png);
		background-position: center bottom;
		background-size: 96% auto;
		background-repeat: no-repeat;
	}
}

@media(max-width:1250px) {
	.cus_slider {
		top: 335px;
	}
}

@media(max-width:991px) {
	.cus_slider {
		position: relative;
		top: 0px;
		z-index: auto;
		padding-top: 90px;
	}
	.cus_slider .carousel-inner>.item>a>img,
	.cus_slider .carousel-inner>.item>img {
		max-width: 98%;
	}
}


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

.menumore {
	text-align: right;
	font-size: 26px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-top: 30px;
}

.menumore a {
	color: #a2a94a;
	background: #fff;
	padding: 15px 8px;
	border-radius: 5px;
	border: #ffffff 1px solid;
}

.menumore a:hover,
.menumore a:focus {
	color: #fff;
	border: #6ea97c 1px solid;
	background: #6ea97c;
}

@media(max-width:1100px) {
	.menumore {
		font-size: 20px;
	}
}

@media(max-width:800px) {
	.menumore {
		padding-right: 0px;
		margin-top: 20px;
	}
}

@media(max-width:600px) {
	.menumore {
		font-size: 16px;
		text-align: center;
		padding-right: 0px;
	}
}


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

.activitymore {
	text-align: right;
	font-size: 26px;
	margin-top: 20px;
	padding-right: 150px;
}

.activitymore a {
	color: #fff;
	background: #537c34;
	padding: 15px 8px;
	border-radius: 12px;
	border: #537c34 1px solid;
}

.activitymore a:hover,
.activitymore a:focus {
	color: #fff;
	border: #a0be37 1px solid;
	background: #a0be37;
}

@media(max-width:1300px) {
	.activitymore {
		font-size: 20px;
		text-align: center;
		padding-right: 0px;
	}
}

@media(max-width:991px) {
	.activitymore {
		margin-top: 30px;
	}
}

@media(max-width:500px) {
	.activitymore {
		font-size: 16px;
	}
}
/***dropmenu 202170723***/
header.nav_topin {
	position: relative;
	z-index: 999;
}
.navbar-nav li a,.navbar-inverse .navbar-nav>li>a,#navbarload>li>a {
	color: #fff;
	transition: .2s ease all;
}
.navbar-nav li a p {
	margin: 0;
	text-shadow: 3px 0px 3px #000;
}
.navbar-nav li a span {
	font-size: 12px;
    letter-spacing: 1px;
    line-height: 1;
}
.navbar-nav.sm-collapsible a.has-submenu {
	padding-right: 0;
}
ul.dropdown-menu li {
	height: auto;
	border: 0;
	width: 100%;
	text-align: left;
}
ul.dropdown-menu a {
	color: #29321d;
	position: relative;
	line-height: 1;
	padding: 8px 5px 8px 24px;
	overflow: hidden;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #29321d;
}
ul.dropdown-menu a:before {
	content: '';
	width: 14px;
	height: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 14px;
	border-color: transparent transparent transparent #29321d;
	position: absolute;
	top: 10px;
	left: 0;
	opacity: 0;
	transform: translateX(-10px);
	transition-delay: .1s;
}
ul.dropdown-menu a p {
	text-shadow: 0px 0px 0px #000;
}
.dropdown-menu {
	background: rgba(255,255,255,.8);
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background: rgba(183,170,0,.85);
}
.dropdown-menu>li>a:hover:before {
	opacity: 1;
	transition: .2s ease all;
	transform: translateX(0px);
}
.navbar-nav > li > a:hover {
	opacity: .8;
}
.navbar-nav > li > a:hover ~ ul.dropdown-menu {
	/* display: block; */
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #29321d;
}
@media screen and (max-width:991px) {
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

   .navbar-collapse.collapse.in {  /* NEW */
        display: block!important; 
		padding: 10px 0;
    }
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
		background-color: transparent;
	}
	.navbar-inverse .navbar-toggle {
		border-color: #fff;
	}
	.navbar-toggle {
		padding: 5px 10px 3px;
		margin-top: 12px;
	}
	.sr-only-1 {
		color: #fff;
		top: -3px;
		position: relative;
	}
	.navbar_custom .nav li {
		width: 100%;
		padding: 12px;
		text-align: center;
	}
	ul.ibutton_show>li {
		padding: 12px !important;
	}
	.navbar-inverse .navbar-nav .dropdown-menu {
		text-align: center;
		min-width:auto !important;
    	max-width:none !important;
		position: relative;
		display: none;
		float: none;
	}
	ul.dropdown-menu li {
		background: rgba(255,255,255,.8);
		padding: 2px 0 !important;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		background: rgba(183,170,0,.85);
	}
	.open ul.dropdown-menu {
		top: 0 !important;
		left: auto !important;
		width: 100% !important;
		height: auto;
		position: relative;
	}
	.navbar-collapse {
		max-height: none;
	}
	.navbar-nav li a p {
		display: inline-block;
		position: relative;
	}
	li.dropdown>a p:after {
		content: '+';
		color: #d4c504;
		position: absolute;
		top: 0;
		right: -1em;
		font-size: 12px;
		font-weight: bold;
		text-shadow: none;
	}
	.navbar-nav li a span {
		display: block;
		padding-top: 5px;
	}
}
@media screen and (max-width:768px) {
	.navbar_custom .nav li {
		padding: 8px;
	}
	ul.ibutton_show>li {
		padding: 8px !important;
	}
	
}
@media screen and (max-width:500px) {
	.sr-only-1 {
		font-size: 14px;
	}
	.navbar-toggle {
		margin-right: 0;
	}
}
/***sitemap***/
.sitemap {
	padding: 0 0 1em;
}
.sitemap .wrap {
	width: 960px;
	margin: 0 auto;
	max-width: 90%;
	text-align: center;
}
.site_title {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	color: #131d00;
	font-weight: 700;
}
.site_title p {
	font-size: 16px;
}
.site_title b {
	position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 700;
    display: block;
    font-family: sans-serif;
}
.sitemap ul {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	list-style: none;
}
.sitemap li {
	padding: 3px 0;
}
.sitemap li span {
	color: #fffbc0;
	display: inline-block;
	position: relative;
	font-size: 16px;
	background: rgba(12,37,23,.5);
	padding: 0px 7px;
    letter-spacing: inherit;
    width: 115px;
    text-align: center;
}
.sitemap li div {
	display: inline-block;
}
.sitemap a {
	color: #fff;
	border-right: solid 1px #fff;
	position: relative;
	padding: 0 10px;
	transition: .3s ease all;
	padding-bottom: 2px;
}
.sitemap a:after {
	content: '';
	background: #fffbc0;
	width: 0;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: .3s ease all;
}
.sitemap a:hover {
	color: #fffbc0;
}
.sitemap a:hover:after {
	width: 80%;
}
.sitemap li div a:last-of-type,.sitemap li:last-of-type a:last-of-type {
	border: 0;
}
@media screen and (max-width:880px) {
	.sitemap li div {
		display: inline-block;
		width: 80%;
		vertical-align: top;
		word-break: keep-all;
	}
}
@media screen and (max-width:768px) {
	.sitemap ul {
		padding: 0;
	}
	.sitemap li span {
		width: 95px;
		font-size: 15px;
	}
}
@media screen and (max-width:565px) {
	.sitemap li div {
		width: 75%;
	}
	.sitemap li span {
		width: 90px;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.2;
		padding: 7px 0;
	}
}
@media screen and (max-width:450px) {
	.sitemap a {
		padding: 0 5px;
	}
	.sitemap li div {
		width: 72%;
	}
}
@media screen and (max-width:380px) {
	.sitemap li div {
		width: 70%;
	}
}
@media screen and (max-width:350px) {
	.sitemap li div {
		width: 65%;
		line-height: 1.6;
	}
	.sitemap li span {
		width: 80px;
		font-size: 13px;
	}
	.sitemap a {
		padding: 0 2px;
		letter-spacing: 1px;
	}
	.sitemap ul {
		word-break: keep-all;
	}
}
#order {
	position: fixed;
	right: 7px;
    bottom: 7em;
	z-index: 50;
	transition: .3s ease all;
}
#order:hover {
	transform: translateY(-5px);
}
@media screen and (max-width:991px) {
	#order {
		bottom: 6em;
		width: 85px;
		right: 0;
	}
}
@media screen and (max-width:450px) {
	#order {
		width: 82px;
		bottom: 5.5em;
	}
}
button, input, select, textarea {
	color: #000;
}
/*************************
*******service_album*******
**************************/
#service_album {
	padding-bottom: 40px;
	padding-top: 40px;
	min-height: 40vh;
}

#service_album a {
	color: #d0791d;
	display:inline-block;
}

#service_album a:visited,
#service_album a:focus {
	color: #513c26;
}

#service_album a:hover {
	color: #7f4d18;
}

.table1 table {
	min-width: 23%;
}

.table2 td {
	max-width: 200px;
	height: 30px;
}

@media(max-width:992px) {
	.contactm {
		margin-bottom: 20px
	}
	.table1 table {
		width: 100%;
	}
	table.tablegrid {
		width:23%;
	}
}

@media(max-width:768px) {
	.table1 table {
		width:98%;
	}
	table.tablegrid {
		width:47%;
	}
}
@media(max-width:500px) {
	table.tablegrid {
		width:95%;
	}
}
/*album*/
.album {
	z-index:5;
	position:relative;
	margin:0 auto;
	padding-bottom:5em;
}
.album img {
	max-width: 100%;
}
.album a {
	display: inline-block;
    line-height: 1.3;
    font-size: 16px;
    padding: 5px 3px 0;
}
a.example-image-link {
	padding: 0 !important;
	line-height: 0;
}
.album tr.photo {
	transition:.2s ease-in-out;
}
.album tr.photo:hover {
	opacity:.6;
}
.table-responsive {
	border: 0;
    margin: 10px 5px;
    width: 23%;
}
/***services_product***/
#services_product {
	text-align: center;
	width: 1400px;
	margin: 0 auto;
	max-width: 90%;
	padding-bottom: 7em;
}
ul.pro_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0;
	list-style: none;
}
ul.pro_list li {
	padding: 2em 2em;
	width: 33%;
}
ul.pro_list li a {
	display: block;
}
ul.pro_list img {
	-webkit-filter:drop-shadow(5px 5px 5px #333);
	filter:drop-shadow(5px 5px 5px #333);
	max-width: 100%;
}
ul.pro_list h5 {
	color: #ebc41c;
	font-size: 24px;
	position: relative;
	font-weight: bold;
	margin: 1em 0;
}
ul.pro_list h5:before {
	content: '';
	background: url(../../images/leaf1.png) center left no-repeat;
	background-size: contain;
	width: 64px;
	height: 36px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
ul.pro_list h5:after {
	content: '';
	background: url(../../images/leaf2.png) center right no-repeat;
	background-size: contain;
	width: 64px;
	height: 36px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
ul.pro_list p {
	color: #fff;
	text-align: left;
	font-size: 16px;
	padding: 0 2em;
    letter-spacing: 1px;
	min-height: 200px;
	text-align: justify;
    text-justify: auto;
}
.more button {
	font-size: 15px;
	color: #fff;
	background: rgba(143,195,31,.25);
	border:solid 1px #8fc31f;
	border-radius: 50px;
	padding: 1px 15px;
    margin-top: 2em;
	transition: .3s ease all;
}
ul.pro_list li a:hover .more button {
	background: rgba(143,195,31,1);
	transform: translateY(-10px);
}
@media(max-width:1200px) {
	ul.pro_list p {
		padding: 0 1em;
	}
	ul.pro_list h5:before,ul.pro_list h5:after {
		width: 16%;
	}
}
@media(max-width:991px) {
	ul.pro_list li {
		padding: 2em 1em;
	}
	ul.pro_list h5 {
		font-size: 21px;
	}
	.table-responsive {
		width: 30%;
	}
}
@media(max-width:768px) {
	ul.pro_list li {
		width: 50%;
		padding: 1em 1em 2em;
	}
	.table-responsive {
		width: 47%;
	}
}
@media(max-width:500px) {
	ul.pro_list li {
		width: 100%;
		padding: 1em 2em 2em;
	}
	ul.pro_list p {
		min-height: auto;
		padding: 0;
		font-size: 15px;
	}
	#services_product {
		padding-bottom: 5em;
	}
	#services_title p {
		font-size: 15px;
		padding: 1em 2em 0;
	}
	ul.pro_list h5 {
		font-size: 20px;
	}
	.more button {
		margin-top: 1em;
	}
	.table-responsive {
		width: 100%;
	}
}
@media(max-width:350px) {
	ul.pro_list li {
		padding: 1em 1em 2em;
	}
}
#navbarload {
	position: relative;
	z-index: 999;
}