/*--------------copyright by alva start-------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video  {
	margin: 0;
	padding: 0;
	font-size: 100%;
}


/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height:2;
	letter-spacing: 1px;
	font-size: 16px;
	font-family: Arial, sans-serif, 微軟正黑體, "Microsoft JhengHei";
	background: url(../../images/pattern.png) repeat;
	color:#000;
}
.inbg {
	background:url(../../images/pattern2.png) repeat;
}

ol,
ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

a {
	display: block;
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.clear {
	clear: both;
}


/************************************************************************************************************************************************
************************************************************************************************************************************************
************************************************************************************************************************************************/
/*carousel-fade*/
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
/*---header-------------------------------------------------------------------------------------------------------------------------------------*/
header {
	position:relative;
	height:100vh;
}
.inheader {
	height:auto;
}
/*mask*/
.mask {
}
	.holder {
		position:fixed;
	}
	.f_top,.f_bottom {
		left:0;
		width:100%;
		min-height:102px;
		z-index:50;
	}
	.f_top {
		background:url(../../images/iframe_tb1_01.png) top center no-repeat;
		background-size:cover;
		top:0;
	}
	.f_bottom {
		background:url(../../images/iframe_tb1_02.png) bottom center no-repeat;
		background-size:cover;
		bottom:0;
	}
	.f_left,.f_right {
		height:100%;
		top:0;
		z-index:48;
	}
	.f_left {
		background:url(../../images/iframe_se1_01.png) left top repeat-y;
		background-size:cover;
		min-width:95px;
		left:0;
	}
	.f_right {
		background:url(../../images/iframe_se1_02.png) right top repeat-y;
		background-size:cover;
		min-width:90px;
		right:0;
	}
	/*2*/
	.f_top2 {
		background:url(../../images/iframe_tb2_01.png) top center no-repeat;
		background-size:cover;
		top:0;
	}
	.f_bottom2 {
		background:url(../../images/iframe_tb2_02.png) bottom center no-repeat;
		background-size:cover;
		bottom:0;
	}
	.f_left2 {
		background:url(../../images/iframe_se2_01.png) left top repeat-y;
		background-size:cover;
		min-width:95px;
		left:0;
	}
	.f_right2 {
		background:url(../../images/iframe_se2_02.png) right top repeat-y;
		background-size:cover;
		min-width:90px;
		right:0;
	}
	/*3*/
	.f_top3 {
		background:url(../../images/iframe_tb3_01.png) top center no-repeat;
		background-size:cover;
		top:0;
	}
	.f_bottom3 {
		background:url(../../images/iframe_tb3_02.png) bottom center no-repeat;
		background-size:cover;
		bottom:0;
	}
	.f_left3 {
		background:url(../../images/iframe_se3_01.png) left top repeat-y;
		background-size:cover;
		min-width:95px;
		left:0;
	}
	.f_right3 {
		background:url(../../images/iframe_se3_02.png) right top repeat-y;
		background-size:cover;
		min-width:90px;
		right:0;
	}
	/*4*/
	.f_top4 {
		background:url(../../images/iframe_tb4_01.png) top center no-repeat;
		background-size:cover;
		top:0;
	}
	.f_bottom4 {
		background:url(../../images/iframe_tb4_02.png) bottom center no-repeat;
		background-size:cover;
		bottom:0;
	}
	.f_left4 {
		background:url(../../images/iframe_se4_01.png) left top repeat-y;
		background-size:cover;
		min-width:95px;
		left:0;
	}
	.f_right4 {
		background:url(../../images/iframe_se4_02.png) right top repeat-y;
		background-size:cover;
		min-width:90px;
		right:0;
	}
/*iframe_logo*/
.iframe_logo {
	z-index:52;
	position:relative;
	padding-top:1.5em;
	position:fixed;
	top:0px;
	left:50%;
	transform:translateX(-50%);
}
	.iframe_logo img {
		max-width:100%;
	}
/*logo*/
.logo {
	position:fixed;
	left:0;
	top:4em;
	z-index:55;
	transition:.2s linear;
}
	.logo a {
	}
		.logo img {
			max-width:100%;
		}
		.logo:hover {
			left: -1em;
		}
/*ibutton*/
.ibutton {
	position:fixed;
	top:19em;
	left:0;
	z-index:54;
	background:url(../../images/ibutton_bg.png) top left no-repeat;
	background-size:cover;
	width:135px;
	height:525px;
}
	.ibutton ul {
	}
	.ibutton li {
		margin:2em 0;
	}
	.ibutton a {
		position:relative;
		text-align: center;
	}
	img.ibtn {
		vertical-align: bottom;
		transition:.2s linear;
		max-width:100%;
	}
	img.ibtn1 {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		vertical-align: bottom;
		opacity:0;
		transition:.2s linear;
		max-width:100%;
	}
	.ibutton a:hover img.ibtn {
		opacity:0;
	}
	.ibutton a:hover img.ibtn1 {
		opacity:1;
	}
/*ideco_flo*/
.ideco_flo {
}
	.ideco {
		position:fixed;
		z-index:53;
	}
	.ideco1 {
		background:url(../../images/ideco1.png) top left no-repeat;
		background-size:contain;
		width: 24%;
		height: 39%;
		top: 0;
		left: 0;
		transition:.5s ease-in-out;
	}
	/*out*/
	.out {
		opacity:0;
		left:-3%;
		visibility:hidden;
		transition:.5s ease-in-out;
	}
	.ideco2 {
		background:url(../../images/ideco2.png) top right no-repeat;
		background-size:contain;
		width: 13%;
		height: 27%;
		top: 0;
		right: 0;
	}
	.ideco3 {
		background:url(../../images/ideco3.png) bottom left no-repeat;
		background-size:contain;
		width: 12%;
		height: 27%;
		bottom: 0;
		left: 0;
	}
	.ideco4 {
		background:url(../../images/ideco4.png) bottom right no-repeat;
		background-size:contain;
		width: 14%;
		height: 26%;
		bottom: 0;
		right: 0;
	}
/*gotop*/
#gotop {
	position: fixed;
    top: 54%;
    right: 0;
    z-index: 54;
	cursor:pointer;
	display:none;
}
	#gotop img {
		transition:.2s linear;
	}
	#gotop:hover img {
		transform:translateY(-15px);
	}
/*scroll*/
.scroll {
	position: absolute;
	left:50%;
	transform:translateX(-50%);
	top:55%;
	z-index:45;
	animation:scrolling 1s ease-in-out infinite alternate;
}
	.scroll img {
	}
	@keyframes scrolling {
		0% {
			top:55%;
		}
		100% {
			top:58%;
		}
	}
/*dex*/
.dex {
	position: absolute;
	width:100%;
	height:100vh;
	top:0;
	left:0;
}
	.dex .item {
		width:100%;
		height:100vh;
	}
	.dex .item:nth-of-type(1) {
		background:url(../../flash/dex1.jpg) top center no-repeat;
		background-size:cover;
	}
	.dex .item:nth-of-type(2) {
		background:url(../../flash/dex2.jpg) top center no-repeat;
		background-size:cover;
	}
	.dex .item:nth-of-type(3) {
		background:url(../../flash/dex3.jpg) top center no-repeat;
		background-size:cover;
	}
	.dex .item:nth-of-type(4) {
		background:url(../../flash/dex4.jpg) top center no-repeat;
		background-size:cover;
	}
/*---wrap------------------------------------------------------------------------------------------------------------------------------------*/
.wrap {
	text-align:center;
	width:1500px;
	margin:0 auto;
	max-width:80%;
}
	.about {
		background:url(../../images/line_bg.png) top center no-repeat;
		background-size: contain;
		margin:2em 0;
		background-position-y: 100%;
		background-position-x: 135%;
		position:relative;
	}
	#about,#adoption {
		transform:translateY(-90px);
	}
	/*abt_list*/
	.abt_list {
	}
		img.ipeople1 {
			vertical-align: middle;
			width: 15%;
		}
		.abt_text {
			display: inline-block;
			vertical-align: middle;
			width: 35%;
			text-align: left;
			padding:0 1em;
		}
			.abt_text img {
				max-width:100%;
			}
			.abt_text strong {
				color:#f30c0c;
				display:block;
			}
			.abt_text span {
				display:block;
				text-align:left;
				padding-bottom:1em;
			}
		img.abtimg {
			width:43%;
			vertical-align:middle;
		}
		/*2n*/
		.abt_list:nth-of-type(2) {
			text-align:right;
		}
		.abt_list:nth-of-type(2) .abt_text {
			float:right;
			text-align:right;
			width: 40%;
			padding: 0 3em 0 1em;
		}
	/*abt_btm*/
	.abt_btm {
		position:relative;
		padding:8em 0 4em;
	}
	/*abtclass*/
	.abtclass {
		display: inline-block;
		background: #00561f;
		border: solid 12px #81511c;
		border-radius: 12px;
		padding:2em;
		width:40%;
		vertical-align:top;
		position:relative;
	}
		.abtclass img {
			max-width:100%;
		}
		.abtclass span {
			display:block;
			color:#fff;
			text-align:left;
			padding: 1em 4em 1em 1em;
		}
		img.abtclass_deco {
			margin-bottom:-8em;
		}
		img.ipeople2 {
			position:absolute;
			bottom:-6em;
			right:-6em;
		}
	img.abt_photo {
		width: 45%;
		padding-left: 6em;
	}
	/*adoption*/
	.adoption {
		position: absolute;
		left: 0;
		bottom: 46em;
		z-index: 48;
		animation:shine 1s infinite alternate;
	}
		.adoption a {
			transition:.2s linear;
		}
		.adoption img {
		}
			.adoption a:hover {
				opacity:.6;
			}
		@keyframes shine {
			0% {
				-webkit-filter: drop-shadow(0px 0px 5px #fff3b5);
				transform:translateY(0);
			}
			100% {
				-webkit-filter: drop-shadow(0px 0px 10px #fff3b5);
				transform:translateY(15px);
			}
		}
/*---footer--------------------------------------------------------------------------------------------------------------------------------*/
footer {
	background:url(../../images/ft_pattern.jpg) top left repeat;
	background-size:auto;
	text-align:center;
	padding:0 0 7em 0;
	font-size:15px;
	z-index:5;
	position:relative;
}
	/*ft_logo*/
	.ft_logo {
		background:rgba(255,247,153,.5);
		padding-top:1em;
	}
		.ft_logo img {
			max-width:70%;
		}
	/*ft_bottom*/
	.ft_bottom {
		background:url(../../images/ft_bottom.png) top left repeat-x;
		min-height:15px;
		width:100%;
	}
	/*ft_inner*/
	.ft_inner {
		width:1000px;
		margin:0 auto;
		max-width:80%;
		padding-top:2em;
	}
		/*contact*/
		.contact {
			display:inline-block;
			text-align:left;
			width:48%;
			padding-right:1em;
			vertical-align:middle;
		}
			.contact img {
				max-width:100%;
				padding-bottom:1em;
			}
			.contact ul {
				border-top:solid 1px #fff;
				padding-top:1em;
			}
				.contact li {
				}
					.contact p:nth-of-type(1) {
						display:inline-block;
						vertical-align:top;
						width:25%;
					}
					.contact p:nth-of-type(2) {
						display:inline-block;
						vertical-align:top;
						width:73%;
						padding-left:1em;
					}
		/*ft_link*/
		.ft_link {
			display:inline-block;
			width:48%;
			text-align:right;
			padding-left:1em;
			vertical-align:middle;
		}
			/*ft_btn*/
			.ft_btn {
			}
				.ft_btn ul {
				}
					.ft_btn li {
						display:inline-block;
						vertical-align:middle;
						width:23%;
						padding:0;
						-webkit-filter: drop-shadow(3px 2px 3px rgba(51, 51, 51, 0.4));
						filter: drop-shadow(3px 2px 3px rgba(51, 51, 51, 0.4));
					}
					.ft_btn li:nth-of-type(4) {
						text-align:center;
						vertical-align:bottom;
						-webkit-filter: none;
						filter: none;
						width:20%;
						padding-bottom:1em;
					}
						.ft_btn a {
							transition:.2s linear;
						}
						.ft_btn img {
							max-width:100%;
						}
						.ft_btn li a:hover {
							transform:scale(.9);
						}
			/*ft_icon*/
			.ft_icon {
			}
				.ft_icon a {
					display:inline-block;
					transition:.2s linear;
				}
				.ft_icon img {
					max-width:100%;
				}
				.ft_icon a:hover {
					-webkit-filter:brightness(2);
					filter:brightness(2);
				}
		  /*copyright*/
		  .copyright {
			  color:#5f7c7c;
			  font-size:14px;
			  text-align:right;
		  }
			  .copyright a {
				  color:#5f7c7c;
				  display:inline-block;
				  transition:.2s linear;
			  }
			  	.copyright a:hover {
					color:#fff;
				}
				@media screen and (max-width:1475px) {
					.f_top, .f_bottom {
						min-height:75px;
					}
					.f_left {
						min-width:65px;
					}
					.f_right {
						min-width:70px;
					}
					.iframe_logo {
						padding-top:1em;
					}
					.ideco1 {
						width:22%;
					}
					.ideco2,.ideco3 {
						width:14%;
					}
					.ideco4 {
						width:13%;
					}
					.abtclass {
						width:60%;
					}
					img.abt_photo {
						width: auto;
						padding-left: 0;
						max-width: 90%;
						padding-top: 8em;
					}
					.adoption {
						position:relative;
						bottom:0;
					}
					.abt_btm {
						padding: 3em 0 2em;
					}
					#gotop {
						top:60%;
					}
					#about,#adoption {
						transform:translateY(-80px);
					}
				}
				@media screen and (max-width:1300px) {
					.abt_text {
						width:70%;
					}
					img.abtimg {
						width:auto;
						max-width:80%;
						padding-top:1em;
					}
					.abt_list:nth-of-type(2) {
						text-align: center;
					}
					.abt_list:nth-of-type(2) .abt_text {
						float: none;
						text-align: right;
						width: 70%;
						padding: 0 1em;
					}
					.about {
						background:none;
					}
					.logo {
						top:3em;
					}
					.ibutton {
						top:18em;
					}
					.abt_text img {
						display:block;
						margin:0 auto;
					}
					.ft_inner {
						max-width:70%;
					}
				}
				@media screen and (max-width:1200px) {
					.contact {
						width:80%;
					}
					.contact p:nth-of-type(1) {
						width:130px;
					}
					.ft_link {
						width:80%;
						text-align:center;
						padding-top:1em;
					}
					.copyright {
						text-align:center;
					}
				}
				@media screen and (max-width:950px) {
					.ibutton {
						top: inherit;
						bottom: 0;
						width: 100%;
						height: auto;
						background:none;
						text-align:center;
					}
					.ibutton:after {
						content:'';
						background:url(../../images/ibutton_mob.png) bottom center no-repeat; 
						background-size:contain;
						width:100%;
						height:130px;
						position:fixed;
						bottom:0;
						left:0;
					}
					.ibutton li {
						margin: 0em 0;
						display: inline-block;
						vertical-align: bottom;
						z-index: 40;
						position: relative;
						padding: 1em 1.2em;
					}
					.abtclass {
						width: 85%;
					}
					img.ipeople2 {
						width:25%;
					}
					footer {
						padding:0 0 10em 0;
					}
					#gotop {
						top: 65%;
						width: 145px;
					}
					#gotop img {
						max-width:100%;
					}
				}
				@media screen and (max-width:768px) {
					.logo {
						width:170px;
					}
					img.ipeople1 {
						width:20%;
					}
					img.ipeople2 {
						bottom: -5em;
						right: -4em;
					}
					.contact p:nth-of-type(1),.contact p:nth-of-type(2) {
						width:100%;
						padding:0;
					}
					.ibutton:after {
						height:120px;
					}
					.ibutton li {
						width:110px;
						padding: 1em 1.2em;
					}
					.ft_btn li {
						width:25%;
					}
					.ideco1 {
						width: 26%;
					}
					.ideco2, .ideco3 {
						width: 25%;
					}
					.ideco4 {
						width: 23%;
					}
					.abt_list:nth-of-type(2) .abt_text {
						width:90%;
					}
				}
				@media screen and (max-width:600px) {
					.f_left,.f_right {
						min-width: 45px;
					}
					.logo {
						width: 150px;
					}
					.abtclass {
						width: 100%;
					}
					.abtclass span {
						padding:1em;
					}
					img.ipeople2 {
						bottom: -6em;
						right: -1em;
						width:20%;
					}
					img.abtclass_deco {
						margin-bottom: -6em;
						width: 80%;
					}
					#gotop {
						top: 70%;
						width: 115px;
					}
					.ft_btn li:nth-of-type(4) {
						width:14%;
						padding-bottom:.5em;
					}
				}
				@media screen and (max-width:500px) {
					.abt_text,.abt_list:nth-of-type(2) .abt_text {
						width: 100%;
					}
					.adoption {
						width:50%;
						margin:0 auto;
					}
					.adoption img,img.abtimg {
						max-width: 100%;
					}
					.abtclass {
						padding:1em;
					}
					img.abtclass_deco {
						margin-bottom: -3em;
						width: 75%;
					}
					.ibutton li {
						width:22%;
					}
					.ft_inner {
						max-width: 90%;
					}
					.copyright {
						font-size:12px;
						padding:0 3em;
					}
					#gotop {
						width:94px;
					}
				}
				@media screen and (max-width:430px) {
					.ibutton:after {
						height: 100px;
					}
					footer {
						padding: 0 0 8em 0;
					}
					#gotop {
						width: 85px;
						top:74%;
					}
					.ft_icon a {
						width:10%;
					}
					.logo {
						width: 110px;
					}
					.scroll {
						width:13%;
					}
					.scroll img {
						max-width:100%;
					}
					.abtclass span {
						padding:1em 0;
					}
					.ibutton li {
						padding:1em 1em .7em 1em;
					}
				}
				@media screen and (max-width:380px) {
					img.abtimg {
						max-width:95%;
					}
					.abtclass span {
						padding: 0em;
					}
					img.abtclass_deco {
						margin-bottom: -4em;
						width: 100%;
					}
					img.abt_photo {
						padding-top:7em;
					}
					.abt_btm {
						padding: 3em 0 0em;
					}
					.ibutton li {
						width: 23%;
						padding: .5em .8em;
					}
					img.ipeople2 {
						right:0;
					}
				}
/*---product--------------------------------------------------------------------------------------------------------------------------------*/
.product {
	text-align:center;
	padding:7em 0 3em;
}
	/*pro_title*/
	.pro_title {
	}
		.pro_title img {
			max-width:100%;
		}
	/*type*/
	.type {
	}
	.card-container {
		-webkit-perspective: 800;
		-moz-perspective: 800;
		perspective: 800;
	}
		.cardmove {
			position:relative;
			display: inline-block;
			width: 30%;
			padding:.5em;
		}
		.card {
			 transition: all 0.6s ease;
			  -webkit-transform-style: preserve-3d;
			  transform-style: preserve-3d;
		}
			.front {
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
			}
				.front img {
					max-width:100%;
				}
			.back {
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				transform: rotateY(180deg);
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
			}
				.back img {
					max-width:100%;
				}
			.card:hover {
			  -webkit-transform: rotateY(180deg);
			  -moz-transform: rotateY(180deg);
			  transform: rotateY(180deg);
			}
		.cardmove:nth-of-type(1) {
			animation:updown1 1s infinite alternate ease-in-out;
		}
		.cardmove:nth-of-type(2) {
			animation:updown2 .8s infinite alternate ease-in-out;
		}
		.cardmove:nth-of-type(3) {
			animation:updown3 1.2s infinite alternate ease-in-out;
		}
		@keyframes updown1 {
			0% {
				transform:translateY(-5px);
			}
			100% {
				transform:translateY(12px);
			}
		}
		@keyframes updown2 {
			0% {
				transform:translateY(0px);
			}
			100% {
				transform:translateY(12px);
			}
		}
		@keyframes updown3 {
			0% {
				transform:translateY(10px);
			}
			100% {
				transform:translateY(-5px);
			}
		}
/*form*/
.form {
	background:rgba(255,210,0,.5);
	text-align:center;
	padding:2em;
	position:relative;
	box-shadow: 2px 2px 3px rgba(0,0,0,.1);
	width: 90%;
    margin: 2em auto;
}
	.form_title {
		padding-bottom:2em;
	}
		.form_title img {
			max-width:100%;
		}
	img.pro_people {
		vertical-align:bottom;
		width:17%;
		margin-bottom:-5em;
	}
	/*form_list*/
	.form_list {
		width: 80%;
		display: inline-block;
		vertical-align: top;
		text-align:center;
	}
		.form_list ul {
		}
			.form_list li {
				background: #fff;
				border-radius: 18px;
				padding:1.5em;
				text-align:left;
				width:80%;
				margin:0 auto 2em;
				position:relative;
			}
			.form_list li:nth-of-type(2) {
				margin: 0 2em 2em 13em;
			}
				.form_list li img {
					display:block;
					max-width:100%;
				}
				.form_list li span {
					display:block;
					padding:5px 0 0 6px;
				}
				img.form_deco1 {
					position: absolute;
					right: -3em;
					bottom: -3em;
					z-index: 1;
					width:11%;
				}
				img.form_deco2 {
					position: absolute;
					bottom: -1em;
					right: -.5em;
					width:11%;
				}
	/*dot*/
	.dot {
	}
	.dots {
		width:10px;
		height:10px;
		background:url(../../images/pattern2.png) repeat;
		border-radius:100%;
		box-shadow:inset 1px 2px 3px rgba(0,0,0,.2);
		position:absolute;
	}
		.dot1 {
			top:10px;
			left:10px;
		}
		.dot2 {
			top:10px;
			right:10px;
		}
		.dot3 {
			bottom:10px;
			left:10px;
		}
		.dot4 {
			bottom:10px;
			right:10px;
		}
/*gift*/
.gift {
	padding:4em 0;
}
	.gift img {
		max-width:90%;
	}
	.gift ul {
	}
		.gift li {
			display:inline-block;
			vertical-align:top;
			width:23%;
			padding:10px 15px;
		}
/*order*/
.order {
	background:#a9be1e;
	padding:1em;
	border-radius:12px;
	line-height:30px;
}
	/*order_title*/
	.order_title {
		text-align:center;
		padding-bottom:1em;
	}
		.order_title img {
			max-width:100%;
		}
	.order span {
		text-align:left;
		display:inline-block;
		vertical-align:top;
		width:50%;
		padding-right:1em;
	}
	.order strong {
		font-size:20px;
		color:#d8271c;
		text-shadow:0px 0px 5px #fff;
		display:block;
		text-shadow: 0 1px white, 1px 0 white, -1px 0 white, 0 -1px white;
	}
	/*remittance*/
	.remittance {
		border-radius:12px;
		background:#fff;
		border: solid 3px #fff9a8;
		display:inline-block;
		width: 40%;
		padding: 0 1em 1em;
	}
		.remittance img {
			max-width:90%;
			margin-top:-1em;
			padding-bottom:1em;
		}
		.remittance ul {
		}
			.remittance li {
				color:#ab0027;
				font-size:18px;
				display:inline-block;
				width:48%;
				text-align:left;
			}
			@media screen and (max-width:1490px) {
				.form_list li:nth-of-type(2) {
					margin: 0 2em 2em 8em;
				}
				.remittance li {
					width:80%;
				}
			}
			@media screen and (max-width:1200px) {
				img.pro_people {
					width:20%;
				}
				.form_list {
					width:78%;
				}
				.form_list li {
					width:90%;
				}
				.form_list li:nth-of-type(2) {
					margin: 0 2em 2em 4em;
				}
				img.form_deco1 {
					width:89px;
				}
				img.form_deco2 {
					width:70px;
				}
				.gift li {
					padding: 8px 5px;
				}
			}
			@media screen and (max-width:991px) {
				.gift li {
					width:30%;
				}
				.order {
					padding:1em 4em;
				}
				.order span {
					width:100%;
				}
				.remittance {
					width:75%;
					margin-top:2em;
				}
				.form {
					margin: 1em auto;
				}
				.form_title {
					padding-bottom: 1em;
				}
			}
			@media screen and (max-width:800px) {
				.cardmove {
					width:32%;
					padding:0;
				}
				.form_list {
					width: 100%;
				}
				img.pro_people {
					position: absolute;
					bottom: 0;
					left: 0;
					z-index:2;
				}
				.form {
					padding: 2em 2em 5em 2em;
				}
				.gift li {
					width: 45%;
				}
				.remittance {
					width:90%;
				}
			}
			@media screen and (max-width:600px) {
				.product {
					padding: 4em 0 3em;
				}
				.cardmove {
					width:45%;
				}
				.form_list li {
					width: 100%;
				}
				.form_list li:nth-of-type(2) {
					margin:0 auto 2em;
				}
				.gift {
					padding: 6em 0 1em;
				}
				.gift li {
					width: 48%;
				}
				.order {
					padding: 2em 2em;
				}
				.remittance {
					width: 100%;
				}
			}
			@media screen and (max-width:430px) {
				.cardmove {
					width: 46%;
				}
				.form {
					padding: 2em 1em 3em 1em;
				}
				img.form_deco1 {
					width: 75px;
					right:-1em;
				}
				img.form_deco2 {
					width: 60px;
					bottom: -2em;
				}
				img.pro_people {
					width: 27%;
				}
				.remittance li {
					width: 100%;
					font-size:16px;
				}
				.order strong {
					font-size:18px;
				}
			}
/*pro_adoption*/
.pro_adoption {
	padding:3em 0;
}
	img.tree {
		vertical-align:bottom;
		width:25%;
	}
	/*adoption1*/
	.adoption1 {
		vertical-align:bottom;
		display:inline-block;
		text-align:left;
		width:45%;
	}
		.adoption1 img {
			max-width:100%;
		}
		.adoption1 span {
			display:block;
			padding:0 0 1em 0;
		}
	/*adoption2*/
	.adoption2 {
		width: 27%;
		display: inline-block;
		vertical-align: bottom;
	}
		.adoption2 img {
			max-width:100%;
		}
/*grow*/
.grow {
}
	.grow_img {
		display:inline-block;
		vertical-align:middle;
		position:relative;
		width:75%;
	}
		.grow_img img {
			max-width:100%;
			width:46%;
			vertical-align:middle;
		}
		img.gr_arrow {
			width: 6.5%;
			margin: 0 -2em;
			z-index: -1;
			position: relative;
		}
		img.grow_mob {
			display:none;
		}
/*how_to*/
.how_to {
	display:inline-block;
	vertical-align:middle;
	background:#b28850;
	border-radius:22px;
	padding:2em 1em;
	width:20%;
	-webkit-filter: drop-shadow(1px 6px 2px rgba(51, 51, 51, .2));
	filter: drop-shadow(1px 6px 2px rgba(51, 51, 51, .2));
}
	.how_to span {
		display:block;
		color:#fff;
		text-align:left;
		border-bottom:solid 7px #a97c45;
		border-top:solid 7px #a97c45;
		padding:10px 0;
	}
	.how_to img {
		max-width:100%;
		padding-bottom:7px;
	}
	@media screen and (max-width:1200px) {
		.grow_img {
			width:100%;
		}
		.how_to {
			width: 430px;
			max-width: 80%;
			margin-top: 2em;
			padding:2em;
		}
	}
	@media screen and (max-width:980px) {
		.grow_img img {
			width:45%;
		}
		img.gr_arrow {
			margin: 0 -1.5em;
			width:6.5%;
		}
	}
	@media screen and (max-width:768px) {
		img.tree {
			width: 35%;
			display: block;
			margin: 0 auto;
		}
		.adoption1 {
			width:60%;
		}
		.adoption2 {
			width:36%;
		}
		img.gr_arrow {
			width:8%;
		}
	}
	@media screen and (max-width:670px) {
		.adoption1,.adoption2 {
			width:90%;
		}
		img.tree {
			width:52%;
		}
	}
	@media screen and (max-width:570px) {
		.grow_img img {
			width: 100%;
			display:none;
		}
		img.gr_arrow {
			width: 15%;
			transform: rotate(60deg);
			margin: -1em 0;
			display:none;
		}
		img.grow_mob {
			display:block;
			margin:0 auto;
			max-width:100%;
		}
		.how_to {
			margin:0;
		}
		.grow_img {
			display:none;
		}
	}
	@media screen and (max-width:430px) {
		.adoption1,.adoption2,.grow_img {
			width: 90%;
		}
		.how_to {
			max-width:90%;
		}
		.pro_adoption {
			padding: 3em 0 1em;
		}
	}
/*---imgbg-------------------------------------------------------------------------------------------------------------------------------------*/
.imgbg {
	position:relative;
}
.imgbg:after {
	content:'';
	background:rgba(54,46,43,.7);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.inbg_loc {
	background:url(../../images/inbg_loc.png) top center no-repeat fixed;
	background-size:cover;
	z-index:2;
}
.inbg_alb {
	background:url(../../images/inbg_alb.png) top center no-repeat fixed;
	background-size:cover;
	z-index:2;
}
/*intitle*/
.intitle {
	padding: 9em 0 3em;
	z-index:5;
	position:relative;
	text-align:center;
	max-width: 70%;
    margin: 0 auto;
}
	.intitle img {
		max-width:100%;
	}
/*loc_info*/
.loc_info {
	z-index:5;
	position:relative;
	background:url(../../images/info_bg_01.png) top center repeat-y;
	text-align:center;
	padding:2em 0;
}
	.loc_info img {
		max-width:65%;
	}
	.loc_info ul {
		width:1200px;
		margin:0 auto;
		max-width:90%;
		border-top:solid 1px #b2b2b2;
		padding-top:1em;
	}
		.loc_info li {
			text-align:left;
			display:inline-block;
			vertical-align:middle;
			width:30%;
		}
		.loc_info li img {
			vertical-align:middle;
			max-width:100%;
		}
		.loc_info li span {
			display: inline-block;
			vertical-align: middle;
			line-height: 25px;
			font-size: 15px;
		}
.info_bottom {
	z-index:6;
	position:relative;
	background:url(../../images/info_bg_02.png) top center no-repeat;
	background-size:cover;
	min-height:53px;
	width:100%;
	-webkit-filter: drop-shadow(0px 6px 3px rgba(51, 51, 51, .1));
	filter: drop-shadow(0px 6px 3px rgba(51, 51, 51, .1));
}
/*map*/
#map {
	z-index:5;
	position:relative;
	padding:0 4em;
}
#map iframe {
	width: 100%;
    min-height: 600px;
    margin: -3em 0;
}
@media screen and (max-width:1475px) {
	#map {
		padding:0 3em;
	}
}
@media screen and (max-width:1230px) {
	.loc_info ul {
		max-width:80%;
	}
	.loc_info li {
		width: 100%;
		padding:0 0 1em 20em;
	}
	.loc_info li img {
		width:8%;
	}
	#map {
		padding:0 2em;
	}
}
@media screen and (max-width:1020px) {
	.loc_info li {
		width: 100%;
		padding:0 0 1em 12em;
	}
	.intitle {
		padding: 8em 0 3em;
	}
}
@media screen and (max-width:830px) {
	.loc_info li {
		width: 100%;
		padding:0 0 1em 9em;
	}
	.intitle {
		padding: 8em 0 3em;
	}
	#map iframe {
		min-height:500px;
	}
}
@media screen and (max-width:700px) {
	.loc_info li {
		padding: 0 0 1em 7em;
	}
	.loc_info img {
		padding-bottom:1em;
	}
	.loc_info ul {
		padding-top:2em;
	}
	.loc_info li img {
		padding:0;
		width:35px;
	}
	#map {
		padding: 0 2em;
	}
}
@media screen and (max-width:570px) {
	.loc_info li {
		padding: 0 0 1em 2em;
	}
	.loc_info ul {
		max-width: 75%;
	}
}
@media screen and (max-width:500px) {
	.intitle {
		padding: 5em 0 2em;
	}
	.imgbg {
		background-attachment:inherit;
	}
	#map iframe {
		min-height:400px;
	}
}
@media screen and (max-width:435px) {
	.loc_info li {
		padding: 0 0 1em 0em;
	}
	.loc_info li span {
		font-size:14px;
	}
}
@media screen and (max-width:380px) {
	.loc_info ul {
		max-width: 70%;
	}
	.loc_info li span {
		width: 84%;
		line-height: 20px;
	}
	.loc_info li img {
		width:13%;
	}
}
/*************************
*******service_album*******
**************************/

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

#service_album a {
	color: #d0791d;
}

#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: 81px;
}

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

@media(max-width:768px) {
	.table1 table {
		width: 98%
	}
}
/*album*/
.album {
	z-index:5;
	position:relative;
	width:60%;
	margin:0 auto;
	padding-bottom:5em;
}
.album a {
	display:inline-block;
	color:#fff;
}
.album tr.photo {
	transition:.2s ease-in-out;
}
.album tr.photo:hover {
	opacity:.6;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background: transparent;
    border: solid 2px #fff;
    color: #fff;
    border-radius: 10px;
	font-weight:bold;
	transition:.2s linear;
	padding:.3em 1em;
}
button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	background:#fff;
	color:#13854d;
}
.table-responsive {
	border:0px;
}
/***order_btn***/
#order_btn {
	display:inline-block;
	width:200px;
	margin:0 auto 3em;
	max-width:70%;
	text-align:center;
	background:#a84200;
	border-radius:30px;
	letter-spacing:2px;
	position:relative;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, #c47337 0%, rgba(139,41,0,1) 100%);
	background: -webkit-linear-gradient(top, #c47337 0%,rgba(139,41,0,1) 100%);
	background: linear-gradient(to bottom, #c47337 0%,rgba(139,41,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c47337', endColorstr='#8b2900',GradientType=0 );
}
#order_btn a {
	color:#fff100;
	font-size:18px;
	background:#a84200;
	border-radius:30px;
	margin:4px;
	box-shadow: inset 2px 1px 4px rgba(141, 44, 0, .1);
	transition:.2s linear;
}
#order_btn span {
	position:relative;
	text-align:center;
	margin-left:5px;
}
#order_btn span:after {
	content:'';
	background:#fff100;
	width:100%;
	height:2px;
	position:absolute;
	bottom:0;
	left:0;
	transition:.1s linear;
}
#order_btn i {
}
i.down1 {
	position:absolute;
	top:-30px;
	left:0;
	opacity:0;
	transition:.2s linear;
}
i.down2 {
	transition:.2s linear;
}
#order_btn:hover a {
	color:#fff;
}
#order_btn:hover span:after {
	background:#fff;
}
#order_btn:hover i.down2 {
	transform:translateY(40px);
	opacity:0;
}
#order_btn:hover i.down1 {
	top:0px;
	opacity:1;
}
@media(max-width:600px) {
	#order_btn {
		margin: 1em auto 2em;
	}
}
@media(max-width:430px) {
	#order_btn a {
		font-size:16px;
	}
}