/*--------------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%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.5;
	letter-spacing: 1px;
	font-size: 18px;
	color:#000;
	font-family:'Varta','Noto Sans TC', sans-serif; 
	background:#fff;
	overflow-x:hidden;
}
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,a:focus {
	text-decoration: none;
	color: #333;
}
.clear {
	clear: both;
}
img {
	max-width:100%;
}
::selection {
  background:#a6ceea;
  color:#05314e;
}
/************************************************************************************************************************************************
************************************************************************************************************************************************
************************************************************************************************************************************************/
/*carousel-fade*/
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.carousel-inner>.item>img {
	display:inline-block;
}
/*---header---------------------------------------------------------------------------------------------------------------------------*/
header {
	position:relative;
	text-align:left;
	line-height:0;
}
/***dex***/
.dex {
	position:absolute;
	top:0;
	right:0;
	width:70vw;
	border-radius: 0 0 0 22%;
    overflow: hidden;
	line-height:0;
}
/***ileft***/
.ileft {
	width: 30vw;
    position: relative;
    z-index: 4;
	text-align:right;
	padding: 6em 0 0 0;
}
	.ileft:after {
		content:'';
		background:rgba(222,242,252);
		position:absolute;
		top:0;
		left:0;
		width: 95%;
		height: 52%;
		z-index: -1;
		border-radius: 0 0 87% 0;
	}
img.ilogo {
	padding-right:6em;
}
/*scroll*/
.scroll {
	text-align: center;
    display: inline-block;
    width: 465px;
    max-width: 100%;
	padding-top:1em;
}
.scroll img:nth-of-type(2) {
	display:block;
	margin:0 auto;
	animation:drop 1.67s infinite cubic-bezier(0.5, 1, 0.89, 1);
	opacity:0;
}
	@keyframes drop {
		0% {
			transform:translateY(0px) scale(.5);
			opacity:0;
		}
		10% {
			opacity:1;
		}
		100% {
			transform:translateY(60px) scale(1);
			opacity:0;
		}
	}
/*---navbar-----------------------------------------------------------------------------------------------------------------------------*/
/***mobile ibutton***/
.mibutton {
	z-index:65;
	cursor:pointer;
	width:40px;
	height:40px;
	position:fixed;
	right:1em;
	top:1em;
	text-align:center;
	display:none;
	transition:.3s ease all;
}
	.mibutton span {
		background:#0d4d80;
		width:100%;
		height:2px;
		position:absolute;
		left:0;
		top:0;
		transition:.3s;
	}
	.mibutton span:nth-child(2) {
		top:10px;
	}
	.mibutton span:nth-child(3) {
		top:20px;
	}
	.mibutton_ani span {
		background: #1f96ce;
		opacity:1;
	}
	.mibutton_ani span:nth-child(1) {
		-webkit-transform: rotate(30deg);
		transform: rotate(30deg);
		-webkit-transform-origin: left center;
				transform-origin: left center;
	}
	.mibutton_ani span:nth-child(2) {
		opacity:0;
	}
	.mibutton_ani span:nth-child(3) {
		-webkit-transform:rotate(-30deg);
				transform:rotate(-30deg);
		-webkit-transform-origin:left center;
				transform-origin:left center;
	}
/*navbar*/
.navbar {
	border-radius:0;
	min-height:auto;
	margin:0;
	border:0;
	position: relative;
	top:0em;
	left:0;
	width:100%;
	z-index:60;
	transition:.6s ease all;
	min-height:50px;
	padding:0 5em;
}
.navtop {
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	box-shadow:5px 0px 5px rgba(0,0,0,.1);
	padding: .5em 5em;
}
.intop {
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	box-shadow:5px 0px 5px rgba(0,0,0,.1);
	padding: .5em 5em !important;
}
.space {
	min-height:50px;
}
/***logo***/
.logo {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:33%;
}
.logo a {
	position:relative;
	padding:0 1em;
	z-index:3;
	display:inline-block;
}
/*ibutton*/
.ibutton {
	display:inline-block;
	vertical-align:middle;
	width:60%;
	text-align:right;
}
.ibutton ul {
}
.ibutton li {
	display:inline-block;
	vertical-align:bottom;
	width:15%;
	text-align:center;
	line-height:1;
}
.ibutton a {
	padding:0 1em;
	position:relative;
}
.ibutton p.ch {
	padding:.3em 0;
	color:#000;
	position:relative;
	letter-spacing:2px;
	transition:.3s ease all;
}
	.ibutton p.ch:before {
		content:'';
		background:rgba(126,206,244,.25);
		width:36px;
		height:36px;
		position:absolute;
		top:-5px;
		left:-5px;
		border-radius:100%;
		opacity:0;
		transform:scale(0);
		transform-origin:center center;
		transition:.6s ease all;
		z-index:-1;
	}
.ibutton p.en {
	font-size:15px;
	color:#3c3c3c;
	position:relative;
	letter-spacing:1px;
	transition:.3s ease all;
}
	.ibutton p.en:before {
		content:'';
		background:rgba(126,206,244,.75);
		width:12px;
		height:12px;
		position:absolute;
		bottom:4px;
		right:0px;
		border-radius:100%;
		opacity:0;
		transform:scale(0);
		transform-origin:center center;
		transition:.6s ease all;
		z-index:-1;
	}
	.ibutton p.en:first-letter {
		font-size:18px;
	}
	/*hover*/
	.ibutton a:hover p.ch {
		color:#004d81;
	}
	.ibutton a:hover p.ch:before,.ibutton a:hover p.en:before {
		transform:scale(1);
		opacity:1;
	}
	.ibutton a:hover p.en {
		color:#1f96ce;
	}
	@media screen and (max-width:1500px) {
		.ibutton li {
			width:18%;
		}
		.navbar {
			padding:0 2em;
		}
		.navtop {
			padding:.5em 2em;
		}
		.ibutton {
			width:65%;
		}
	}
	@media screen and (max-width:1440px) {
		.dex {
			width:74vw;
		}
		.ileft {
			width:27vw;
			padding: 5em 0 0 0;
		}
		img.ilogo {
			padding-right: 0;
			display: block;
			margin: 0 auto;
			padding-bottom: 1em;
		}
	}
	@media screen and (max-width:1170px) {
		.ibutton {
			width: 66%;
		}
		.ibutton li {
			width: 19%;
		}
	}
	@media screen and (max-width:1120px) {
		img.ilogo {
			max-width:90%;
		}
		.navbar {
			padding:1em 2em;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			background: #fff;
			box-shadow: 0px 0px 10px rgba(0,0,0,.1);
		}
		.intop {
			padding:1em 2em !important;
		}
		.mibutton {
			display:block;
		}
		.space {
			min-height:auto;
		}
		.ibutton {
			width: 100%;
			padding: 2em 0em 1em;
			display:none;
			text-align:center;
		}
		header {
			margin-top:3em;
		}
		.ileft {
			width: 25vw;
			padding: 3em 0 0 0;
		}
		.dex {
			width: 76vw;
		}
	}
	@media screen and (max-width:900px) {
		.ibutton li {
			width: 100%;
			padding: 1em 0;
		}
		.ibutton {
			padding: 2em 0em 0em;
		}
		header {
			text-align:right;
		}
		.logo {
			width:100%;
			text-align:left;
		}
		.logo a {
			padding:0;
		}
	}
	@media screen and (max-width:700px) {
		.dex {
			width: 100%;
			border-radius: 0;
			position: relative;
		}
		.ileft {
			width:100%;
			text-align:left;
		}
		img.iglass {
			max-width: 80%;
		}
		.scroll {
			display:block;
			margin:0 auto;
		}
		img.ilogo {
			width: 230px;
		}
	}
	@media screen and (max-width:450px) {
		.navbar {
			padding:1em;
		}
		.intop {
			padding:1em !important;
		}
		.logo a {
			width: 250px;
		}
		.ibutton {
			padding: 1em 0em;
		}
		.ibutton p.ch {
			font-size:16px;
		}
		.ibutton p.en {
			font-size:14px;
		}
		img.ilogo {
			width: 185px;
		}
		.ileft:after {
			height:55%;
		}
		.ileft {
			padding: 2em 0 0 0;
		}
	}
	@media screen and (max-width:350px) {
		.logo a {
			width: 220px;
		}
		.navbar {
			padding: .7em;
		}
		.intop {
			padding:.7em !important;
		}
		.mibutton {
			right:.7em;
		}
		.ibutton li {
			padding:.5em 0;
		}
	}
/*---about--------------------------------------------------------------------------------------------------------------------------------------------*/
/***abt1***/
.abt1 {
	position: relative;
    text-align: center;
    padding: 5em 0 3em;
    margin-top: 2em;
}
	.abt1:after {
		content:'';
		background:url(../../images/abt1_bg.png) top center no-repeat;
		background-size:cover;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:85%;
		z-index:-1;
	}
/*abt1_drop*/
.abt1_drop {
	background:url(../../images/abt1_drop.png) top center no-repeat;
	background-size: contain;
    display: inline-block;
    min-height: 206px;
}
.abt1_drop img {
	padding:4em 0 0;
}
/*abt1_icon*/
.abt1_icon {
	width:450px;
	max-width:100%;
	margin:0 auto;
}
.abt1_icon ul {
}
.abt1_icon li {
	display:inline-block;
	vertical-align:top;
	width:48%;
	padding:1em;
	text-align:right;
}
.abt1_icon p {
	color: #000;
    font-size: 22px;
    padding-right: 2em;
    letter-spacing: 3px;
}
/*abt1_text*/
.abt1_text {
	color:#fff;
	padding:1em 0 2em;
}
.abt1_text p {
	font-size:20px;
	font-style:italic;
	line-height:1.5;
}
.abt1_text span {
	display:block;
	font-size:16px;
	line-height:1.2;
}
/*abt1_imgs*/
.abt1_imgs {
	width:1670px;
	margin:0 auto;
	max-width:90%;
}
.abt1_imgs img {
	vertical-align:top;
	padding:0 .5em;
	-webkit-filter:drop-shadow(5px 5px 5px rgba(0,0,0,.1));
	filter:drop-shadow(5px 5px 5px rgba(0,0,0,.1));
	width:31%;
}
/***abt2***/
.abt2 {
	text-align:center;
	padding:2em 0;
}
.abt21 {
	display:inline-block;
	vertical-align:top;
	width: 42%;
    padding: 0 1em;
}
.abt22 {
	display:inline-block;
	vertical-align:top;
	width: 38%;
    padding: 0 1em;
}
	.abt22 img:nth-of-type(1) {
		margin-right: -2em;
		max-width: 16vw;
	}
	.abt22 img:nth-of-type(2) {
		max-width: 20vw;
	}
	@media screen and (max-width:1200px) {
		.abt1_imgs {
			max-width:100%;
		}
		.abt1_icon p {
			font-size: 20px;
			padding-right: 2.3em;
		}
		.abt21 {
			width:45%;
		}
		.abt22 {
			width:42%;
		}
		.abt22 img:nth-of-type(1) {
			max-width: 18vw;
		}
		.abt22 img:nth-of-type(2) {
			max-width: 22vw;
		}
	}
	@media screen and (max-width:1120px) {
		.abt1 {
			padding: 5em 0 2em;
			margin-top:0em;
		}
		.abt1_imgs img {
			width:32%;
		}
	}
	@media screen and (max-width:800px) {
		.abt1 {
			padding: 4em 0 2em;
		}
		.abt1_imgs img {
			padding: 0 .1em;
		}
		.abt21 {
			width: 48%;
		}
		.abt22 {
			width: 47%;
		}
		.abt22 img:nth-of-type(1) {
			max-width: 20vw;
		}
		.abt22 img:nth-of-type(2) {
			max-width: 24vw;
		}
	}
	@media screen and (max-width:700px) {
		.abt1_imgs img {
			padding: .5em;
			width: 47%;
		}
		.abt21,.abt22 {
			width: 90%;
		}
		.abt1 {
			padding: 4em 0 0em;
		}
		.abt22 img:nth-of-type(1) {
			max-width: 45%;
		}
		.abt22 img:nth-of-type(2) {
			max-width: 55%;
		}
	}
	@media screen and (max-width:500px) {
		.abt1_drop {
			background-size: 90%;
			width: 150px;
			min-height: 160px;
		}
		.abt1_drop img {
			padding: 3em 0 0;
		}
		.abt1_imgs img {
			padding: .2em;
			width: 48%;
		}
		.abt1_text {
			padding: 1em;
		}
		.abt1:after {
			height:90%;
		}
		.abt1_icon {
			max-width:90%;
		}
		.abt1_icon p {
			font-size:18px;
		}
		.abt2 {
			padding:2em 0 1em;
		}
	}
	@media screen and (max-width:450px) {
		.abt21, .abt22 {
			width: 100%;
		}
		.abt22 img:nth-of-type(1) {
			margin-right:-1em;
		}
	}
	@media screen and (max-width:380px) {
		.abt1 {
			padding: 3em 0 0em;
		}
		.abt1_text {
			padding: 0em 1em 1em;
		}
		.abt1_text p {
			font-size:18px;
		}
		.abt1_text span {
			font-size:15px;
		}
		.abt1:after {
			height: 95%;
		}
		.abt1_icon p {
			font-size: 16px;
			padding-right: 2em;
		}
	}
/***abt3***/
.abt3 {
	text-align:right;
	position:relative;
	padding: 0 0 6em 0;
}
	.abt3:after {
		content:'';
		background:url(../../images/abt3_bg.png) top right no-repeat;
		background-size:contain;
		position:absolute;
		top:0;
		right:0;
		width:85%;
		height:100%;
		z-index:-1;
	}
/*abt3_title*/
.abt3_title {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:40%;
	padding:6em 1em  2em;
}
.abt3_title img {
}
.abt3_title p {
	position:relative;
	padding:.5em 0 2em 2em;
	color:#004d81;
}
	.abt3_title p:before {
		content:'';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8.5px 0 8.5px 15px;
		border-color: transparent transparent transparent #00b6ee;
		position:absolute;
		top: .7em;
		left:.7em;
	}
.abt3_title b {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	font-weight:normal;
	font-family: 'Varta', sans-serif;
	font-size: 30px;
    line-height: 1;
}
button.btn {
	display:inline-block;
	color:#fff;
	font-size:20px;
	background:#00b7ee;
	border-radius:50px;
	padding: .6em 1em;
	transition:.2s ease all;
	-webkit-filter: drop-shadow(0px 7px 2px rgb(156 218 236 / .4));
	filter: drop-shadow(0px 7px 2px rgb(156 218 236 / .4));
}
	button.btn:hover {
		color:#fff;
		background:#0d4d80;
	}
/*abt3_img*/
.abt3_img {
	display:inline-block;
	vertical-align:top;
	width:50%;
	padding:0 7em 0 0;
}
.abt3_img img {
}
.abt3_img p {
	color:#89bde3;
	font-size:110px;
	font-style:italic;
}
	@media screen and (max-width:1480px) {
		.abt3_img p {
			line-height: 1.5;
			font-size: 90px;
			white-space:nowrap;
		}
		.abt3_img {
			padding: 0 4em 0 0;
		}
		.abt3 {
			padding: 0 0 2em 0;
		}
	}
	@media screen and (max-width:1100px) {
		.abt3_title {
			width: 95%;
			padding: 4em 1em 0em;
		}
		.abt3_img {
			padding: 0 4em 0 0;
			width: 100%;
			margin-top: -5em;
		}
		.abt3:after {
			content: '';
			background: url(../../images/abt3_bg.png) bottom right no-repeat;
			background-size: contain;
			position: absolute;
			top: unset;
			right: 0;
			width: 95%;
			height: 100%;
			z-index: -1;
			bottom: 0;
		}
		.abt3 {
			padding:0;
		}
	}
	@media screen and (max-width:900px) {
		.abt3_img {
			padding: 0 3em 0 0;
			width: 75vw;
			margin-top: -3em;
		}
		.abt3_img p {
			font-size: 80px;
		}
		.abt3:after {
			width:98%;
		}
	}
	@media screen and (max-width:768px) {
		.abt3_title {
			padding: 2em 1em 0em;
		}
		.abt3_img p {
			font-size: 60px;
		}
		.abt3_img {
			padding: 0 2em 0 0;
		}
	}
	@media screen and (max-width:580px) {
		.abt3_title {
			padding: 1em 0em 0em;
			display: block;
			margin: 0 auto;
			width: 90%;
		}
		.abt3_img {
			width: 85vw;
			margin-top: -1em;
		}
		.abt3_img p {
			font-size: 51px;
		}
	}
	@media screen and (max-width:500px) {
		.abt3_title p {
			padding: .5em 0 1em 2em;
		}
		.abt3_title p {
			font-size: 16px;
		}
		.abt3_title b {
			font-size:28px;
		}
		button.btn {
			font-size:18px;
		}
		.abt3_img {
			width: 80vw;
			margin-top: 0em;
			padding: 0 1em 0 0;
		}
		.abt3_img p {
			font-size: 8vmin;
		}
	}
	@media screen and (max-width:380px) {
		button.btn {
			font-size: 16px;
		}
		.abt3_img {
			width: 85vw;
		}
	}
/***inews***/
.inews {
	text-align:right;
	padding:0 9em 0 0;
	position:relative;
}
	img.inews_bg {
		display:none;
	}
	.inews:before {
		content:'';
		background:url(../../images/inews_bg.png) bottom left no-repeat;
		background-size:contain;
		position:absolute;
		bottom:0;
		left:0;
		width:30%;
		height:100%;
	}
	.inews:after {
		content:'';
		background:url(../../images/inews_leaves.png) bottom right no-repeat;
		background-size:contain;
		width:29%;
		height:100%;
		position:absolute;
		bottom:0;
		right:0;
		z-index:-1;
	}
/*inews_title*/
.inews_title {
	text-align:left;
	display:inline-block;
	vertical-align:top;
	float:right;
	position:relative;
	width:20%;
}
.inews_list .newslist_rwd {
    padding:2em 4em 3em 0em;
}
.inews_title img {
}
.inews_title p {
	color:#000;
	font-size:28px;
	letter-spacing:3px;
}
/*inews_list*/
.inews_list {
	display:inline-block;
	text-align:right;
	padding:1em 0 2em;
	width:50%;
	position:relative;
}
img.inews_deco {
	padding-top:1em;
	max-width:90%;
	position:absolute;
	bottom:0;
	right:0;
	z-index:3;
	pointer-events: none;
}
	@media screen and (max-width:1400px) {
		.inews_list .npic {
			min-height: 190px;
		}
		.inews_list .ntitle {
			padding: 1em 0 0 2em;
			margin:0;
		}
	}
	@media screen and (max-width:1080px) {
		.inews_list .npic {
			min-height: 140px;
		}
		.inews_list .ntitle {
			padding: 1em 0 0 1em;
			margin: 0;
		}
		.inews_list .newslist_rwd {
			padding: 2em 2em 3em 0em;
		}
		.inews {
			padding: 2em 6em 0 0;
		}
		.inews .ntitle p {
			font-size:20px;
		}
		.inews .ntitle span {
			font-size:15px;
		}
	}
	@media screen and (max-width:800px) {
		.inews_list {
			padding:0;
		}
		.inews_list .newslist_rwd {
			padding: 0em 1em 3em 0em;
		}
		.inews_title {
			float: none;
			width: 80%;
		}
		.inews_title p {
			font-size: 25px;
		}
		.inews_list {
			width: 60%;
		}
		.inews_list .newslist_rwd {
			padding: 0em 6em 3em 0em;
		}
		.inews_list .npic {
			min-height: 150px;
			width:100%;
		}
		.inews_list .ntitle {
			padding: 1em 0 0 0em;
			width: 100%;
		}
		img.inews_deco {
			max-width: 70%;
			right: 6em;
		}
	}
	@media screen and (max-width:600px) {
		.inews_list .newslist_rwd {
			padding: 0em 0em 3em 0em;
		}
		img.inews_deco {
			right: 4em;
			bottom: 1em;
		}
		.inews:before {
			width:40%;
		}
		.inews:after {
			width:45%;
		}
		.inews_title {
			width: 90%;
		}
	}
	@media screen and (max-width:450px) {
		.inews {
			padding: 2em 2em 0 0;
		}
		.inews_title img {
			width: 150px;
		}
		.inews_title p {
			font-size: 20px;
			margin-top: -1em;
		}
		.inews_list {
			width: 70%;
		}
		.inews:before {
			width: 60%;
			display:none;
		}
		img.inews_bg {
			position:absolute;
			bottom:0;
			left:0;
			width: auto;
			height: 60%;
			display:block;
		}
		.inews:after {
			width: 0;
			z-index:2;
		}
		img.inews_deco {
			right: 0em;
		}
	}
	@media screen and (max-width:350px) {
		.inews_list {
			width: 85%;
		}
	}
/***ifac***/
.ifac {
	background:url(../../images/ifac_bg.jpg) top center no-repeat fixed;
	background-size:cover;
	position:relative;
	text-align:center;
	padding:14em 1em;
}
.ifac div {
	width:1200px;
	margin:0 auto;
	max-width:100%;
	color:#fff;
}
.ifac div img {
	-webkit-filter: drop-shadow(3px 3px 2px rgb(0 0 0 / .75));
	filter: drop-shadow(3px 3px 2px rgb(0 0 0 / .75));
}
.ifac div p {
	font-size:85px;
	font-family: 'Croissant One', cursive; 
	letter-spacing: 0px;
    line-height: 1;
	white-space:nowrap;
	text-shadow:3px 3px 3px rgba(0,0,0,.75);
}
.ifac div span {
	display:block;
	font-size:28px;
	padding: .5em 0 1em;
	letter-spacing:3px;
	text-shadow:3px 3px 3px rgba(0,0,0,.75);
}
/***heart***/
.heart {
	background:url(../../images/hearts_bg.jpg) top center no-repeat fixed;
	background-size:cover;
	position:relative;
	text-align:center;
	padding:10em 1em;
}
.heart ul {
	width:900px;
	margin:0 auto;
	max-width:100%;
}
.heart li {
	display:inline-block;
	vertical-align:top;
	width:31%;
	padding:0 1em;
}
.heart li img {
}
.heart li p {
	font-size:20px;
}
/*ft_top*/
img.ft_top {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	-webkit-filter: drop-shadow(0px -5px 2px rgba(0,0,0,.2));
	filter: drop-shadow(0px -5px 2px rgba(0,0,0,.2));
    z-index: 3;
}
	@media screen and (max-width:1260px) {
		.ifac {
			padding: 12em 1em;
		}
		.ifac div p {
			font-size:6vw;
		}
	}
	@media screen and (max-width:991px) {
		.ifac div img {
			width:200px;
		}
		.ifac {
			padding:9em 1em;
			background-attachment: initial;
		}
		.ifac div span {
			font-size:26px;
		}
		.heart {
			padding: 7em 1em 9em;
			background-attachment: initial;
		}
		.heart li {
			width:30%;
		}
	}
	@media screen and (max-width:700px) {
		.ifac div img {
			width: 150px;
		}
		.ifac {
			padding: 6em 1em;
		}
		.heart li p {
			font-size: 18px;
			line-height:1.2;
		}
		.heart {
			padding: 5em 1em 5em;
		}
		img.ft_top {
			width:280px;
		}
	}
	@media screen and (max-width:530px) {
		.ifac {
			padding: 4em 1em;
		}
		.ifac div img {
			width: 120px;
		}
		.ifac div span {
			font-size: 20px;
		}
		.heart {
			padding: 3em 1em 5em;
		}
		.heart li {
			width: 32%;
		}
		.heart li p {
			font-size:16px;
		}
	}
	@media screen and (max-width:430px) {
		.ifac div img {
			width: 105px;
		}
		.ifac div span {
			font-size: 18px;
		}
		.heart li {
			padding: 0 .2em;
		}
		img.ft_top {
			width: 220px;
		}
		.heart {
			padding: 3em 1em 4em;
		}
	}
	@media screen and (max-width:380px) {
		img.ft_top {
			width: 200px;
		}
		.heart {
			padding: 3em 1em 3em;
		}
	}
/*---footer------------------------------------------------------------------------------------------------------------------------------------------*/
footer {
	background:url(../../images/ft_pattern.jpg) repeat;
	position:relative;
	text-align:center;
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}
/*wrap*/
.wrap {
	width:1350px;
	margin:0 auto;
	max-width:90%;
	position:relative;
}
img.ft_logo {
	display:block;
	margin:0 auto;
}
/*ftblock*/
.ftblock {
	display:inline-block;
	vertical-align:top;
	padding:1em;
}
/*ft_tit*/
.ft_tit {
	text-align:left;
	color:#000;
	width:28%;
}
.ft_tit h1 {
	font-size:22px;
	line-height:1;
}
.ft_tit b {
	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	font-weight:normal;
	letter-spacing:2px;
}
.ft_tit p {
	font-family: 'Croissant One', cursive;
	font-size:18px;
}
.ft_tit div {
	padding-top:2em;
}
.ft_tit div span {
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	text-align:left;
	font-family: 'Croissant One', 'Noto Sans TC';
}
.ft_tit div img {
	vertical-align:middle;
}
/*ft_info*/
.ft_info {
	width:38%;
}
.ft_info ul {
}
.ft_info li {
	display:inline-block;
	vertical-align:top;
	width:48%;
	padding:0 .5em;
}
.ft_info img {
}
.ft_info small {
	color:#004d81;
	display:block;
	font-size:15px;
	padding-top:1em;
}
.ft_info p {
	font-size:16px;
}
/*ft_btn*/
.ft_btn {
	width:32%;
	text-align:left;
}
.ft_btn ul {
	padding-bottom:1em;
}
.ft_btn li {
	display:inline-block;
	vertical-align:top;
	width:31%;
}
.ft_btn a {
	transition:.2s ease all;
}
	.ft_btn a:hover {
		opacity:.7;
	}
img.car {
	vertical-align:middle;
	max-width: 25%;
}
.ft_btn span {
	color: #fff;
    background: #1f96ce;
    border-radius: 20px;
    vertical-align: middle;
    line-height: 1.3;
    padding: .4em .5em .2em;
    max-width: 80%;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 16px;
}
/***website***/
.website {
	background:rgba(31,150,206,.25);
	padding:1.5em 0;
	text-align:left;
	position:relative;
}
/*link*/
.link {
	line-height:1;
}
.link a {
	display:inline-block;
	vertical-align:bottom;
	font-size:15px;
	font-weight:500;
	transition:.2s ease all;
}
	.link a:hover {
		color:#108ac3;
	}
/*icon*/
.icon {
	display:inline-block;
	color:#fff;
	font-size:14px;
	vertical-align:bottom;
	position:absolute;
	top:0;
	right:0;
}
.icon a {
	vertical-align:top;
	display:inline-block;
	transition:.2s ease all;
}
	.icon a:hover {
		transform:translateY(-3px);
	}
/*copyright*/
.copyright {
	color:#fff;
	font-size:14px;
	background:#004d81;
	padding:1em;
}
.copyright a {
	display:inline-block;
	color:#fff;
	font-size:14px;
	transition:.2s ease all;
}
	.copyright a:hover {
		color:#6ac7f3;
	}
	@media screen and (max-width:1340px) {
		.ft_btn span {
			text-align:center;
			margin-top:.5em;
		}
	}
	@media screen and (max-width:1080px) {
		.ft_tit {
			width: 300px;
			display: block;
			margin: 0 auto;
			max-width: 100%;
			padding:2em 0 1em;
		}
		img.ft_logo {
			display: block;
			width: 250px;
			position: relative;
			z-index: 5;
		}
		.ft_tit div {
			padding-top: 1em;
		}
		.ft_info,.ft_btn {
			width: 48%;
		}
	}
	@media screen and (max-width:768px) {
		.ft_info, .ft_btn {
			width: 470px;
			display: block;
			margin: 0 auto;
			max-width: 100%;
			padding: 0em 0;
		}
		.ft_btn {
			padding:1em 0;
			text-align:center;
		}
		.ft_btn span {
			display: inline-block;
		}
	}
	@media screen and (max-width:650px) {
		.icon {
			display: block;
			position: relative;
			text-align: center;
			padding-top: 1em;
		}
		.link {
			text-align:center;
		} 
		.website {
			padding:1em 0;
		}
	}
	@media screen and (max-width:450px) {
		.ft_info p {
			font-size: 15px;
		}
		img.car {
			width: 95px;
		}
		img.ft_logo {
			width:230px;
		}
	}
	@media screen and (max-width:380px) {
		.ft_info small {
			padding:0;
		}
		.ft_info img {
			width: 80px;
		}
		.ft_btn li {
			padding: 0 .1em;
		}
		.link a {
			width:25%;
			margin:.1em 0;
		}
		.ft_btn span {
			width: 100%;
			max-width: 100%;
		}
	}
#gotop {
	cursor:pointer;
	z-index:30;
	position:fixed;
	bottom:15vh;
	right:0em;
	display:none;
}
#gotop img {
	transition:.2s ease all;
}
	#gotop:hover img {
		transform:translateY(-10px);
	}
	@media screen and (max-width:500px) {
		#gotop {
			width:75px;
			bottom:10vh;
		}
	}
/*---inner---------------------------------------------------------------------------------------------------------------------------------------------*/
/***inbanner***/
.inbanner {
	text-align:center;
	background:url(../../images/inbanner.jpg) top center no-repeat;
	background-size:cover;
	position:relative;
	z-index:3;
}
/*intitle*/
.intitle {
	padding:12em 1em 120px;
	position:relative;
	text-align:center;
}
	.intitle:after {
		content:'';
		background:#004d81;
		width:1px;
		height:135px;
		position:absolute;
		bottom:0;
		left:50%;
		z-index:-1;
	}
.intitle img {
}
.intitle img:nth-of-type(2) {
}
.intitle p {
	color:#004d81;
	font-size:24px;
	letter-spacing:2px;
}
/*intext*/
.intext {
	position:absolute;
	bottom: 7em;
    right: 8em;
	text-align:center;
}
.intext img {
}
.intext P {
	color: #000;
    font-style: italic;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3px;
}
/*innertop*/
.innertop {
	background:url(../../images/inner_bg_01.png) bottom center no-repeat;
	background-size:cover;
	min-height:105px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
/***inner***/
.inner {
	min-height:500px;
	background:#fff;
	position:relative;
}
/***inbtm***/
.inbtm {
	position:relative;
	text-align:center;
}
.inbtm_bg {
	background:url(../../images/btm_bg.jpg) top center no-repeat;
	background-size:cover;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
}
.ibtm_top {
	position:relative;
	z-index:3;
	background:url(../../images/inner_bg_02.png) top center no-repeat;
	background-size:cover;
	min-height:105px;
	width:100%;
}
.inbtm_text {
	text-align:center;
	color:#000;
	position:relative;
	padding:7em 1em 13em;
}
.inbtm_text b {
	position:relative;
	display:inline-block;
	background:#a40000;
	border-radius:50px;
	color:#fff;
	font-size: 22px;
    font-weight: 400;
    letter-spacing: 2px;
    padding: .2em 1em 0em;
	box-shadow:0px 0px 5px rgba(255,255,255,.7);
}
.inbtm_text p {
	font-size:30px;
	font-style:italic;
	letter-spacing:2px;
	text-shadow:0px 0px 5px rgba(255,255,255,.7);
	font-weight:700;
	padding-top:1em;
	line-height:1;
}
.inbtm_text span {
	font-family: 'Croissant One', cursive;
	display:block;
	font-style:italic;
	font-size:24px;
	text-shadow:0px 0px 5px rgba(255,255,255,.7);
}
	@media screen and (max-width:1300px) {
		.intitle {
			padding: 9em 1em 5em;
		}
		.innertop,.ibtm_top {
			min-height:60px;
		}
		.intext {
			bottom: 4em;
			right: 2em;
		}
		.inbtm_text {
			padding: 5em 1em 11em;
		}
	}
	@media screen and (max-width:1120px) {
		.intitle {
			padding: 8em 1em 3em;
		}
		.intitle img {
			width: 300px;
		}
		.intitle img:nth-of-type(2) {
			width: 100px;
		}
		.inbtm_text {
			padding: 4em 1em 9em;
		}
		.inbtm_text b {
			font-size:20px;
		}
		.inbtm_text p {
			font-size:28px;
		}
		.inbtm_text span {
			font-size:22px;
		}
	}
	@media screen and (max-width:900px) {
		.intext {
			bottom: 4em;
			right: 1em;
			width: 200px;
		}
		.intext P {
			font-size:16px;
		}
	}
	@media screen and (max-width:768px) {
		.intitle img {
			width: 240px;
		}
		.intitle p {
			font-size: 22px;
		}
		.intitle img:nth-of-type(2) {
			width: 75px;
		}
		.innertop, .ibtm_top {
			min-height: 35px;
		}
		.intitle {
			padding: 7em 1em 3em;
		}
		.intitle:after {
			height:80px;
		}
		.inbtm_text {
			padding: 3em 1em 8em;
		}
		.intext {
			bottom: 3em;
		}
	}
	@media screen and (max-width:620px) {
		.intext {
			display:none;
		}
		.inbtm_text p {
			font-size: 25px;
		}
		.inbtm_text span {
			font-size: 20px;
		}
		.inbtm_text b {
			font-size: 18px;
		}
		.inbtm_text {
			padding: 3em 1em 6em;
		}
	}
	@media screen and (max-width:500px) {
		.intitle img {
			width: 220px;
		}
		.intitle img {
			width: 220px;
		}
		.intitle img:nth-of-type(2) {
			width: 70px;
		}
		.innertop, .ibtm_top {
			min-height: 25px;
		}
		.intitle {
			padding: 6em 1em 2em;
		}
		.inbtm_text {
			padding: 3em 1em 5em;
		}
	}
	@media screen and (max-width:380px) {
		.innertop, .ibtm_top {
			min-height: 20px;
		}
		.intitle img {
			width: 200px;
		}
		.intitle p {
			font-size: 20px;
		}
		.intitle img:nth-of-type(2) {
			width: 60px;
		}
		.inbtm_text b {
			font-size: 16px;
		}
		.inbtm_text p {
			font-size: 22px;
		}
		.inbtm_text span {
			font-size: 16px;
		}
		.inbtm_text {
			padding: 2em 1em 3em;
		}
	}
	@media screen and (max-width:350px) {
		.intitle {
			padding: 5em 1em 1em;
		}
	}
/*---story-----------------------------------------------------------------------------------------------------------------------------------------*/
.story {
}
/***story1***/
.story1 {
	text-align:left;
	padding:2em 0;
}
img.outside {
    vertical-align: top;
    max-width: 58vw;
}
/*s1_text*/
.s1_text {
	display:inline-block;
	vertical-align:top;
	width: 30%;
    padding: 3em 2em 1em 2em;
}
.s1_text div {
	position:relative;
	padding: 3em 0 3em 2em;
}
.s1_text div span {
	color:#004d81;
	font-size: 26px;
    font-style: italic;
    display: block;
    vertical-align: middle;
    font-weight: 500;
    letter-spacing: 2px;
}
.s1_text div  span:nth-of-type(2) {
	padding-left:4em;
}
.s1_text div img {
	vertical-align:middle;
	position:absolute;
	top:0;
	right:0;
	max-width:8vw;
	z-index:-1;
}
.s1_text p {
	color:#000;
	padding: 2em 1em 0 1em;
}
/***story2***/
.story2 {
	width:1370px;
	margin:0 auto;
	max-width:90%;
	text-align:center;
	padding:2em 0;
	position:relative;
}
.story2 div {
	display:inline-block;
	vertical-align:middle;
	color:#000;
	padding:0 1em;
	width:35%;
}
.story2 div img {
}
.story2 div p {
	text-align:right;
	font-size:20px;
	font-style:italic;
}
.story2 div span {
	font-family: 'Croissant One', cursive;
	display:block;
	text-align:right;
}
	.story2 div:nth-of-type(2) p,.story2 div:nth-of-type(2) span {
		text-align:left;
	}
img.s_5s {
	vertical-align:middle;
	max-width: 20vw;
}
	@media screen and (max-width:1765px) {
		.s1_text div {
			padding: 3em 0 3em 0em;
		}
		.s1_text p {
			padding: 0em 1em 0 1em;
		}
	}
	@media screen and (max-width:1400px) {
		.s1_text {
			width:35%;
		}
		.story1 {
			padding: 2em 0 0;
		}
		.s1_text div {
			padding: 3em 0 1em 0em;
		}
	}
	@media screen and (max-width:1200px) {
		img.outside {
			max-width: 62vw;
		}
	}
	@media screen and (max-width:1080px) {
		img.outside {
			max-width: 90%;
		}
		.s1_text {
			width: 500px;
			margin: 0 auto;
			display: block;
			max-width: 100%;
			padding: 1em;
		}
		.s1_text div img {
			max-width: 12vw;
		}
		.s1_text div {
			padding: 3em 0 1em 1em;
		}
	}
	@media screen and (max-width:880px) {
		.s1_text div img {
			max-width: 130px;
		}
		.story2 div {
			width:38%;
		}
		.story2 div span {
			font-size:16px;
		}
	}
	@media screen and (max-width:740px) {
		img.outside {
			max-width: 95%;
		}
		.story2 div span {
			font-size: 15px;
			white-space:nowrap;
		}
		.story2 div p {
			font-size: 18px;
			line-height:1;
		}
	}
	@media screen and (max-width:640px) {
		.story2 {
			max-width:100%;
		}
		.story2 div span {
			font-size: 14px;
		}
	}
	@media screen and (max-width:500px) {
		.s1_text div span {
			font-size:24px;
		}
		.story2 div p,.story2 div span,.story2 div:nth-of-type(2) p,.story2 div:nth-of-type(2) span {
			text-align:center;
		}
		img.s_5s {
			max-width: 100%;
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			width: 180px;
		}
		.story2 div {
			width: 48%;
		}
		.story2 {
			padding: 9em 0 2em;
		}
	}
	@media screen and (max-width:450px) {
		.s1_text div {
			padding: 2em 0 1em 1em;
		}
		.s1_text div span {
			font-size: 22px;
		}
		.s1_text div img {
			max-width: 110px;
		}
		.s1_text p {
			padding: .5em 0em 0 0em;
		}
		img.s_5s {
			width:150px;
		}
		.story2 div {
			padding:0 .5em;
		}
		.story2 {
			padding: 7em 0 2em;
		}
		.story2 div span {
			font-size: 12px;
		}
		.story2 div p {
			font-size: 16px;
		}
	}
	@media screen and (max-width:380px) {
		.s1_text div {
			padding: 2em 0 1em 0em;
		}
		.s1_text div img {
			max-width: 95px;
			top:1em;
		}
	}
	@media screen and (max-width:350px) {
		.s1_text div {
			padding: 1em 0 1em 0em;
		}
		.s1_text div img {
			max-width: 85px;
		}
		img.s_5s {
			width: 135px;
		}
	}
/***story3***/
.story3 {
	text-align:right;
	position:relative;
	padding:2em 0 3em;
}
/*s3_text*/
.s3_text {
    display: inline-block;
    vertical-align: top;
    width: 35%;
    text-align: left;
	padding:2em 1em;
}
.s3_text p {
    width: 420px;
    margin: 0 auto;
    max-width: 100%;
	padding-bottom:1em;
}
.s3_text span {
    display: block;
    color: #004d81;
    font-size: 28px;
    font-style: italic;
    letter-spacing: 5px;
    text-align: center;
    font-weight: 500;
	padding-bottom:.5em;
}
.s3_text ul {
}
.s3_text li {
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:48%;
	padding:1em;
}
	.s3_text li:nth-of-type(2) {
		padding: 4em 1em 1em 1em;
	}
.s3_text li img {
	box-shadow:0px 0px 5px rgba(0,0,0,.3);
}
.s3_text li b {
	display:block;
	position:relative;
	font-size:16px;
	color:#000;
	text-align:left;
	padding:0 0 0 1em;
	font-weight:normal;
}
	.s3_text li b:before {
		content:'';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 0 6px 8px;
		border-color: transparent transparent transparent #000000;
		position:absolute;
		top:3px;
		left:0;
	}
img.s3img {
	vertical-align:top;
	max-width: 50vw;
}
	@media screen and (max-width:1520px) {
		.s3_text {
			width:40%;
		}
		img.s3img {
			max-width: 53vw;
		}
	}
	@media screen and (max-width:1120px) {
		.s3_text {
			width: 45%;
			padding:1em;
		}
		.story3 {
			padding: 2em 0 2em;
		}
	}
	@media screen and (max-width:991px) {
		.story3 {
			padding: 1em 0 2em;
		}
		.s3_text {
			width: 550px;
			padding: 0em;
			margin: 0 auto;
			display: block;
			max-width: 100%;
		}
		img.s3img {
			max-width: 85%;
		}
	}
	@media screen and (max-width:700px) {
		img.s3img {
			max-width: 95%;
		}
	}
	@media screen and (max-width:500px) {
		.s3_text span {
			font-size:22px;
			letter-spacing:2px;
		}
		.s3_text p {
			padding:0 1em 1em 1em;
		}
		.s3_text ul {
			text-align:center;
		}
		.s3_text li {
			padding:.5em;
		}
		.s3_text li:nth-of-type(2) {
			padding: 2em .5em 1em;
		}
		.s3_text li b {
			font-size:14px;
			line-height:1.2;
		}
		.s3_text li b:before {
			top:0;
		}
	}
	@media screen and (max-width:350px) {
		.s3_text span {
			font-size: 20px;
		}
	}
/*---product-------------------------------------------------------------------------------------------------------------------------------------------*/
.product {
}
/***product1***/
.product1 {
	position:relative;
	text-align:center;
	padding:2em 0 3em;
}
	.product1:before {
		content:'';
		background:url(../../images/product_deco2.png) top right no-repeat;
		background-size:contain;
		position:absolute;
		top: 7em;
		right: 0;
		width: 27%;
		height: 58%;
	}
	.product1:after {
		content:'';
		background:url(../../images/product_deco1.png) bottom left no-repeat;
		background-size:contain;
		position:absolute;
		bottom:0;
		left:0;
		width: 36%;
		height: 61%;
	}
.wrap2 {
	width:1365px;
	margin:0 auto;
	max-width:90%;
	position:relative;
	z-index:3;
}
/*p1_list*/
.p1_list {
	color:#000;
	text-align:left;
	padding:2em 0;
}
.p1_tit {
	display:inline-block;
	vertical-align:top;
	width: 50%;
    padding: 0em 2em;
}
.p1_tit p {
	position:relative;
	font-size:28px;
	letter-spacing:3px;
	font-weight:700;
}
.p1_tit p img {
	vertical-align:middle;
}
.p1_tit ul {
	padding: 1em 0 0 4em;
}
.p1_tit li {
	font-size: 16px;
    list-style: disc;
    padding: .2em 0;
}
.p1_list img.p1img {
	vertical-align:top;
	max-width: 35vw;
}
/*product_tab*/
.product_tab {
	text-align:right;
	position:relative;
	z-index:3;
}
.product_tab ul {
	width:900px;
	display:inline-block;
	text-align:left;
	max-width:100%;
}
.product_tab li {
	display:inline-block;
	vertical-align:top;
	width:48%;
	padding:1em;
}
.product_tab a {
	color:#fff;
	font-size:22px;
	font-weight:500;
	display:inline-block;
}
.product_tab img {
	vertical-align:middle;
}
.product_tab p {
	display:inline-block;
	vertical-align:middle;
	background:#313131;
	border-radius:50px;font-family: 'Croissant One','Noto Sans TC', sans-serif;
	padding: .1em 1em;
	box-shadow: 0px 3px 3px rgb(49 49 49 / 51%);
	transition:.3s ease all;
	border:solid 2px #313131;
}
/*second*/
.product_tab li:nth-of-type(2) p {
	background:#a40035;
	box-shadow: 0px 3px 3px rgb(164 0 53 / 35%);
	border:solid 2px #a40035;
}
	/*hover*/
	.product_tab a:hover p {
		background:#fff;
		box-shadow: 0px 0px 0px rgb(49 49 49 / 51%);
		color:#313131;
	}
	.product_tab li:nth-of-type(2) a:hover p {
		color:#a40035;
	}
	@media screen and (max-width:1120px) {
		.p1_tit {
			padding: 0em 1em;
		}
		.p1_list img {
			max-width: 42vw;
		}
		.product1:before {
			width:40%;
		}
		.product1:after {
			width:50%;
		}
		.product_tab ul {
			width:700px;
		}
	}
	@media screen and (max-width:900px) {
		.p1_list {
			padding:0;
		}
		.p1_tit {
			width:100%;
		}
		.p1_list img.p1img {
			max-width: 100%;
			display: block;
			margin: 0 auto;
			padding: 1em 0 2em;
		}
		.product_tab ul {
			display: block;
			margin: 0 auto;
		}
		.product_tab img {
			width:60px;
		}
		.product_tab a {
			font-size:20px;
		}
		.product1 {
			padding: 2em 0 0em;
		}
		.product_tab {
			padding-top:1em;
		}
	}
	@media screen and (max-width:680px) {
		.p1_tit {
			padding: 0em 0em;
		}
		.p1_tit p img {
			width:120px;
		}
		.p1_tit p {
			font-size:25px;
		}
		.p1_list img.p1img {
			padding: 1em 0 3em;
		}
		.product_tab img {
			width: 22%;
		}
		.product_tab a {
			font-size: 18px;
		}
		.product_tab li {
			padding:1em 0;
		}
		.product_tab p {
			white-space:nowrap;
		}
	}
	@media screen and (max-width:530px) {
		.p1_tit p img {
			width: 90px;
		}
		.p1_tit p {
			font-size: 22px;
		}
		.p1_tit ul {
			padding: 1em 0 0 3em;
		}
		.product_tab a {
			font-size: 16px;
		}
		.product_tab img {
			width: 10vw;
		}
	}
	@media screen and (max-width:430px) {
		.p1_list img.p1img {
			padding: 1em 0 2em;
		}
		.product_tab a {
			text-align: center;
		}
		.product_tab img {
			width: 12vw;
			padding-bottom: .5em;
		}
		.product_tab {
			padding-top: 0em;
		}
		.product1:before {
			width: 80%;
		}
		.product1:after {
			width: 95%;
		}
	}
	@media screen and (max-width:380px) {
		.p1_tit ul {
			padding: 1em 0 0 2em;
		}
	}
	@media screen and (max-width:350px) {
		.product_tab a {
			font-size: 15px;
		}
	}
/***bottled_area***/
.bottled_area {
}
/*bottled*/
.bottled {
	text-align:right;
	position:relative;
	z-index:3;
}
img.bottled_img {
	vertical-align: top;
    padding: 0 5em 0 2em;
}
/*bottled_list*/
.bottled_list {
	display:inline-block;
	vertical-align:top;
	position:relative;
	text-align:left;
	min-height:475px;
	padding:1em 1em 0 3em;
	width:50%;
	margin:1em 0;
}
	.bottled_list:before {
		content:'';
		background:url(../../images/bottled_pattern_01.png) top right no-repeat;
		background-size:contain;
		position:absolute;
		top:0;
		left:-50px;
		width:51px;
		height:114px;
		z-index:-1;
	}
	.bottled_list:after {
		content:'';
		background:url(../../images/bottled_pattern_02.png) top left repeat;
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:95%;
		z-index:-1;
	}
/*bottled_tit*/
.bottled_tit {
	position:relative;
	padding:0 0 0 2em;
	margin:1em 0 1em 0em;
}
	.bottled_tit:after {
		content:'';
		background:#000;
		width:95px;
		height:1px;
		position:absolute;
		top:50%;
		left:-4em;
	}
.bottled_tit h4 {
	font-size:28px;
	display:inline-block;
	vertical-align:middle;
	font-weight:900;
}
.bottled_tit span {
	display:inline-block;
	vertical-align:baseline;
	font-size:20px;
	font-weight:700;
	letter-spacing:2px;
	padding-left:1em;
	font-family: 'Croissant One','Noto Sans TC', sans-serif;
}
.bottled_tit p {
    letter-spacing: 2px;
    display: inline-block;
    font-size: 20px;
    border: solid 1px #000;
    border-radius: 50px;
    padding: .2em 1em 0em;
    position: absolute;
    top: 0em;
    right: 6em;
	font-family: 'Croissant One','Noto Sans TC', sans-serif;
}
.bottled_list ul {
	padding: 1em 0 1em 1em;
}
.bottled_list li {
	list-style:disc;
	padding:0 .3em;
}
/*bottled_icon*/
.bottled_icon {
	position:absolute;
	bottom:0;
	left:3em;
	width:100%;
}
.bottled_icon p {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	font-weight:700;
	padding:0 .5em 0 1em;
}
	.bottled_icon p:after {
		content:'';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7.5px 0 7.5px 13px;
		border-color: transparent transparent transparent #000;
		position:absolute;
		top:3px;
		left:0;
	}
.bottled_icon img {
	vertical-align:middle;
	max-width:8vw;
}
	@media screen and (max-width:1300px) {
		.bottled_list {
			width:56%;
		}
		.bottled_icon img {
			max-width:7vw;
		}
		img.bottled_img {
			vertical-align: middle;
			max-width: 37vw;
		}
		.bottled_tit p {
			right:3em;
		}
	}
	@media screen and (max-width:1120px) {
		img.bottled_img {
			padding: 0 3em 0 1em;
		}
		img.bottled_img {
			max-width: 40vw;
		}
		.bottled_list {
			min-height:450px;
		}
		.bottled_tit p {
			right: 1em;
		}
	}
	@media screen and (max-width:970px) {
		img.bottled_img {
			display: block;
			margin: 0 auto;
			width: 400px;
			max-width: 100%;
		}
		.bottled_list {
			width: 80%;
		}
		.bottled_icon img {
			max-width: 9vw;
		}
		.bottled_list {
			min-height:400px;
		}
	}
	@media screen and (max-width:700px) {
		.bottled_list {
			width: 90%;
		}
		.bottled_tit p {
			font-size:16px;
		}
		.bottled_icon img {
			max-width: 13%;
		}
		.bottled_icon p {
			font-size:16px;
		}
		.bottled_icon p:after {
			border-width: 6px 0 6px 10px;
		}
	}
	@media screen and (max-width:565px) {
		img.bottled_img {
			width: 345px;
		}
		.bottled_list {
			padding: 1em 1em 0 2em;
		}
		.bottled_tit:after {
			width:70px;
		}
		.bottled_tit {
			padding: 0 0 0 1em;
		}
		.bottled_tit span {
			font-size:17px;
		}
		.bottled_tit p {
			right: 0em;
		}
		.bottled_tit h4 {
			font-size:26px;
		}
		.bottled_list ul {
			font-size:16px;
		}
		.bottled_icon {
			left:2em;
		}
		.bottled_icon p {
			font-size: 15px;
		}
		.bottled_icon img {
			max-width: 100%;
			width:14%;
		}
	}
	@media screen and (max-width:500px) {
		.bottled_list {
			padding: 1em 1em 0 1em;
		}
		.bottled_list:before {
			left: -42px;
			width: 42px;
		}
		.bottled_tit:after {
			width: 42px;
			left:-2em;
			top:40%;
		}
		.bottled_tit p {
			top: -1.5em;
			font-size: 14px;
		}
		.bottled_tit h4 {
			font-size: 23px;
		}
		.bottled_tit span {
			font-size: 16px;
		}
		.bottled_list {
			min-height: 365px;
		}
		.bottled_icon p {
			display: block;
			font-size: 14px;
		}
		.bottled_icon {
			padding-right:1em;
			left: 1em;
		}
		.bottled_icon img {
			width:15%;
		}
		img.bottled_img {
			width: auto;
			max-width: 75%;
		}
	}
	@media screen and (max-width:430px) {
		.bottled_icon img {
			width:18%;
		}
		.bottled_tit span {
			font-size: 15px;
		}
		.bottled_tit p {
			top: -2em;
			font-size: 14px;
			padding: .1em .5em;
		}
		.bottled_tit {
			margin: 1.2em 0 1em 0em;
		}
		.bottled_list ul {
			padding: 0em 0 1em 1em;
		}
		.bottled_list:before {
			left: -38px;
			width: 38px;
		}
		.bottled_icon {
			padding: 2em 0em 0 0;
			left: 0;
			position: relative;
		}
		.bottled_list {
			min-height: auto;
		}
	}
	@media screen and (max-width:350px) {
		.bottled_icon img {
			width:23%;
		}
		.bottled_tit h4 {
			font-size: 22px;
			padding-top: 6px;
		}
	}
/*---sale-----------------------------------------------------------------------------------------------------------------------------------------------*/
/***sale_title***/
.sale_title {
	text-align:left;
	display:inline-block;
	position:relative;
	background:url(../../images/sale_pattern.jpg) top left repeat;
	width:765px;
	border-radius:0 60px 60px 0;
	margin:3em 0 2em;
	max-width:80%;
}
.sale_title p {
	color:#fff;
	font-size:35px;
	font-weight:500;
	font-style:italic;
	text-align:right;
	padding: 1em 3em 1em 1em;
	position:relative;
}
	.sale_title p:after {
		content:'';
		background:#000;
		position:absolute;
		top:50%;
		right:-30px;
		width:98px;
		height:1px;
	}
/****sale_area****/
.sale_area {
	width:1100px;
	margin:0 auto;
	max-width:90%;
	text-align:center;
	position:relative;
}
/*sale*/
.sale {
	display:inline-block;
	vertical-align:top;
	width:48%;
	padding:1em;
	color:#000;
}
.sale img {
	display:block;
	margin:0 auto;
	padding-bottom:1em;
}
/*sale_type*/
.sale_type {
}
.sale_type p {
	display:block;
	font-size:28px;
	font-weight:900;
	line-height:1.3;
}
.sale_type small {
	display:inline-block;
	vertical-align:middle;
	font-size:28px;
	font-family: 'Varta', sans-serif; 
}
.sale_type p:nth-of-type(2) {
	display:inline-block;
	vertical-align:middle;
}
/*sale_price*/
.sale_price {
}
.sale_price p {
	display:inline-block;
	border:solid 1px #000;
	font-size:18px;
	border-radius:60px;
	padding:.1em 1em;
}
.sale_price b {
	font-size:22px;
	font-family: 'Croissant One', cursive;
	position:relative;
	display:inline-block;
	vertical-align:text-bottom;
	font-weight:500;
	padding:0 5px;
}
/***sale_tip***/
.sale_tip {
	background:rgba(248,85,141,.1);
	border-radius:30px;
	position:relative;
	padding: 4em 1em 1em 1em;
	margin-top:4em;
}
.sale_tip p {
	display:inline-block;
	color:#fff;
	font-size:18px;
	background:#f8558d;
	padding:1em 2em;
	position: absolute;
    top: -1em;
    left: 50%;
    transform: translateX(-50%);
	letter-spacing:2px;
}
.sale_tip ul {
	width:635px;
	margin:0 auto;
	max-width:100%;
	text-align:left;
}
.sale_tip li {
	color:#000;
	font-weight: 500;
    list-style: decimal;
	padding:.2em 0;
}
span.sale_right {
	display:block;
	text-align:center;
	color:#000;
	font-style:italic;
	font-weight: 500;
    padding: 1em 0 3em;
}
/*sale_other*/
.sale_other {
}
.sale_other b {
	color:#fff;
	font-size:28px;
	background:#000;
	border-radius:60px;
	font-style:italic;
	letter-spacing:3px;
	position:relative;
	display:inline-block;
	font-weight: 500;
    padding: .4em 2em .2em;
}
/*sale_phone*/
.sale_phone {
	color:#b50d21;
	font-size:28px;
	font-weight:700;
	font-family: 'Croissant One','Noto Sans TC', sans-serif;
	padding:1em 0;
}
.sale_phone img {
	vertical-align:middle;
}
	@media screen and (max-width:830px) {
		.sale_title p {
			font-size: 34px;
			padding: .5em 3em .3em 1em;
		}
		.sale_type p {
			font-size: 24px;
		}
		.sale_tip {
			margin-top: 3em;
			padding: 4em 1em 2em 1em;
		}
		.sale_tip ul {
			padding-left:1.5em;
		}
	}
	@media screen and (max-width:680px) {
		.sale_title p {
			font-size: 28px;
		}
		.sale_title {
			margin: 3em 0 1em;
		}
		.sale_type p {
			font-size: 22px;
		}
		.sale_other b,.sale_phone {
			font-size:25px;
		}
		.sale_tip p {
			width:300px;
			max-width:90%;
		}
	}
	@media screen and (max-width:530px) {
		.sale_title {
			margin: 3em 0 0em;
		}
		.sale {
			width: 100%;
			padding:1em;
		}
		.sale_other b, .sale_phone {
			font-size: 20px;
		}
		.sale_phone img {
			width: 12%;
		}
		.sale_title p {
			font-size: 25px;
			padding: .5em 2em .3em 0em;
		}
		.sale_title p:after {
			width:70px;
		}
	}
	@media screen and (max-width:380px) {
		.sale_title {
			max-width:90%;
		}
		.sale_title {
			margin: 2em 0 0em;
		}
		.sale_title p {
			font-size: 23px;
			padding: .5em 2em .3em 0em;
		}
		.sale_title p:after {
			width: 45px;
			right:-15px;
		}
		.sale_tip p {
			width: 260px;
			padding: 1em 1em;
		}
		.sale_other b {
			padding: .4em 1em .2em;
		}
	}
	@media screen and (max-width:350px) {
		.sale_title p {
			font-size: 22px;
		}
		.sale_type p {
			font-size: 20px;
		}
		.sale_price p {
			font-size:16px;
		}
		.sale_price b {
			font-size:20px;
		}
		.sale_tip {
			margin-top: 2em;
			padding: 3.5em 1em 1em 1em;
		}
		span.sale_right {
			padding: 1em 0 2em;
		}
	}
/******/
.height {
	transform:translateY(-64px);
}
	@media screen and (max-width:1120px) {
		.height {
			transform:translateY(-72px);
		}
	}
	@media screen and (max-width:450px) {
		.height {
			transform:translateY(-67px);
		}
	}
	@media screen and (max-width:350px) {
		.height {
			transform:translateY(-54px);
		}
	}
/*---factory-------------------------------------------------------------------------------------------------------------------------------------------*/
.factory {
}
/***automatic***/
.automatic {
	background:url(../../images/auto_bg.png) bottom center repeat-x;
	background-size:auto;
	padding:2em 0 0 0;
}
.wrap3 {
	width:530px;
	margin:0 auto;
	max-width:90%;
	text-align:center;
	position:relative;
}
.automatic h5 {
	font-size:60px;
	font-family: 'Croissant One', cursive;
	font-weight:700;
}
.sub {
	background:url(../../images/sub_bg1.png) center center no-repeat;
	background-size:contain;
	width:100%;
	min-height:50px;
	color:#fff;
	font-style:italic;
	font-size: 25px;
    letter-spacing: 3px;
    padding: .3em .5em .1em;
    margin: 1em 0;
}
.automatic p {
	padding: 0em 4em;
    text-align: left;
    line-height: 1.8;
}
/*fac_tab*/
.fac_tab {
	padding:3em 0 1em;
}
.fac_tab a {
	display:inline-block;
	vertical-align:top;
	width:48%;
	padding:1em;
	transition:.2s ease all;
	animation:move 1s infinite alternate ease-in-out;
}
	.fac_tab a:nth-of-type(2) {
		animation-delay:.5s;
	}
	.fac_tab a img {
		transition:.3s ease all;
		max-width: 80%;
	}
	@keyframes move {
		0% {
			transform:translateY(0);
		}
		100% {
			transform:translateY(-10px);
		}
	}
	.fac_tab a:hover img {
		transform:scale(.95);
	}
	@media screen and (max-width:540px) {
		.automatic h5 {
			font-size: 10vmin;
		}
		.sub {
			min-height: auto;
			font-size: 22px;
		}
		.automatic p {
			padding: 0em 2em;
		}
		.fac_tab {
			padding: 2em 0 1em;
		}
	}
	@media screen and (max-width:450px) {
		.automatic {
			padding: 1em 0 0 0;
		}
		.sub {
			font-size: 20px;
		}
		.automatic p {
			padding: 0em 1em;
		}
		.fac_tab a {
			padding:.5em;
		}
		.fac_tab a img {
			max-width:100%;
		}
	}
	@media screen and (max-width:350px) {
		.sub {
			font-size: 18px;
			letter-spacing: 2px;
		}
	}
/***clean***/
.clean {
	color:#fff;
	background:url(../../images/clean_bg.jpg) top center no-repeat fixed;
	background-size:cover;
	text-align:center;
	padding:13em 0;
}
.process {
	background:url(../../images/process_bg.jpg) top center no-repeat fixed;
	background-size:cover;
	color:#000;
}
.clean p {
	font-family: 'Croissant One', cursive;
	font-size:82px;
}
.process p {
	opacity:.85;
}
.clean div {
	width:490px;
	margin:0 auto;
	max-width:90%;
	position:relative;
	letter-spacing:2px;
}
	.clean div:before {
		content:'“';
		font-size:50px;
		position:absolute;
		top:-.1em;
		left:0;
		line-height:1;
	}
	.clean div:after {
		content:'”';
		font-size:50px;
		position:absolute;
		bottom:-.3em;
		right:0;
		line-height:0;
	}
.clean div span {
	display:inline-block;
	font-size:35px;
	font-style:italic;
	font-weight:500;
	border-bottom:solid 1px #fff;
	padding:0 1em;
}
	.process div span {
		border-bottom:solid 1px #000;
	}
.clean div sub {
	display:block;
	position:relative;
	font-size:22px;
	font-style:italic;
	bottom:0;
	line-height:1;
	padding-top:.5em;
}
/***clean1***/
.clean1 {
	width:1260px;
	margin:0 auto;
	max-width:90%;
	text-align:center;
	position:relative;
	padding:3em 0;
}
.clean1 div {
	display:inline-block;
	vertical-align:top;
	width:43%;
	padding:0 3em;
	font-size:20px;
}
.clean1 div p {
	color:#000;
	text-align:left;
}
.clean1 div span {
	display:block;
	color:#004d81;
	font-weight:500;
	padding-bottom:.3em;
	text-align:center;
}
.clean1 div img {
	padding-top:1em;
}
img.ex {
	vertical-align:middle;
	max-width: 7vw;
	padding-top:3em;
}
	@media screen and (max-width:1200px) {
		.clean1 div {
			padding: 0 2em;
		}
		img.ex {
			max-width: 10vw;
		}
	}
	@media screen and (max-width:900px) {
		.clean {
			background-attachment:inherit;
			padding: 8em 0;
		}
		.clean1 div {
			padding: 0 1em;
			font-size:18px;
		}
		.clean1 {
			max-width:95%;
		}
	}
	@media screen and (max-width:600px) {
		.clean p {
			font-size: 75px;
		}
		.clean div span {
			font-size:32px;
		}
		.clean div sub {
			font-size:20px;
		}
		.clean {
			padding: 5em 0 7em;
		}
		.clean1 {
			max-width:100%;
		}
		img.ex {
			max-width: 14vw;
		}
		.clean1 div {
			width: 40%;
			font-size:17px;
		}
	}
	@media screen and (max-width:500px) {
		.clean1 div {
			font-size: 16px;
			padding: 0 .5em;
		}
		.clean1 {
			padding: 2em 0;
		}
		img.ex {
			max-width: 16vw;
		}
		.clean p {
			font-size: 62px;
		}
		.clean div span {
			font-size: 26px;
		}
		.clean div sub {
			font-size: 18px;
		}
		.clean div {
			width:365px;
		}
		.clean {
			padding: 4em 0 6em;
		}
	}
	@media screen and (max-width:380px) {
		.clean p {
			font-size: 55px;
		}
		.clean div span {
			font-size: 24px;
		}
		.clean div sub {
			font-size: 16px;
		}
		.clean div {
			width: 330px;
		}
		.clean1 div {
			width: 90%;
			padding:0 1em;
		}
		img.ex {
			max-width: 19vw;
			padding: 1em 0;
		}
	}
/***aseptic***/
.aseptic {
	text-align:left;
	position:relative;
	background:none;
}
/*aseptic_right*/
.aseptic_right {
    display: inline-block;
    vertical-align: top;
    width: 35%;
    text-align: center;
    padding: 5em 1em 0 3em;
}
.aseptic_right h5 {
	color:#1c0458;
	font-size:60px;
}
.aseptic_right .sub {
	background:url(../../images/sub_bg2.png) center center no-repeat;
	background-size:contain;
	min-height:auto;
}
.aseptic_right p {
	text-align:left;
}
.aseptic img {
    float: left;
    max-width: 55vw;
}
/***safety***/
.safety {
	width:1500px;
	margin:0 auto;
	max-width:90%;
	text-align:center;
	color:#000;
	padding-bottom:3em;
}
/*safety1*/
.safety1 {
	display:inline-block;
	vertical-align:bottom;
	width:40%;
}
.safety1 p {
	font-size:26px;
	line-height:1.3;
	font-style:italic;
	text-align:left;
	position:relative;
	padding:0 0 0 4em;
}
	.safety1 p:before {
		content:'';
		background:url(../../images/list.png) top left no-repeat;
		background-size:contain;
		width:81px;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}
.safety1 sub {
	bottom:0;
	position:relative;
	display:block;
	font-size:16px;
	font-style:italic;
	line-height:1;
}
.safety1 ul {
	text-align:left;
	padding-top:1em;
}
.safety1 li {
	display:inline-block;
	vertical-align:top;
	width:40%;
	padding:1em .5em;
}
.safety1 li span {
	display:block;
	background:#f29c9f;
	border-radius:50px;
	text-align:center;
	margin-bottom:.5em;
	padding-top:.2em;
}
.safety1 li b {
	display:block;
	font-style:italic;
	line-height:1.2;
}
/*safety2*/
.safety2 {
	display:inline-block;
	vertical-align:bottom;
	width:50%;
	position:relative;
	text-align:right;
}
	.safety2:before {
		content: '';
		border: dashed 5px #f29c9f;
		border-radius: 200px;
		width: 80%;
		height: 55%;
		position: absolute;
		bottom: 1em;
		left: 0;
		z-index: -1;
	}
.safety2 p {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	width: 50%;
    padding: 8em 1em 0;
}
.safety2 img {
	vertical-align: middle;
	margin-right: -5em;
	max-width: 23vw;
}
	@media screen and (max-width:1550px) {
		.aseptic_right {
			width:45%;
		}
		.safety2 p {
			padding: 6em 1em 0;
		}
	}
	@media screen and (max-width:1350px) {
		.aseptic_right {
			padding: 1em 1em 0 0em;
		}
		.safety1 p {
			padding: 0 0 0 3em;
		}
		.safety1 li {
			width:45%;
		}
		.safety2 p {
			width:50%;
		}
	}
	@media screen and (max-width:1120px) {
		.aseptic {
			text-align:right;
			padding:0;
		}
		.aseptic_right {
			padding: 0em 0em 1em 0em;
			width: 600px;
			margin: 0 auto;
			display: block;
			max-width: 90%;
		}
		.aseptic img {
			float: none;
			max-width: 85%;
			transform: scaleX(-1);
		}
		.safety {
			width:600px;
			padding:2em 0;
		}
		.safety1 {
			width:100%;
		}
		.safety2 {
			width:100%;
		}
		.safety2:before {
			width: 90%;
			height: 60%;
		}
		.safety2 img {
			max-width: 26vw;
		}
		.safety2 p {
			width: 60%;
			padding: 4em 1em 0;
		}
	}
	@media screen and (max-width:830px) {
		.aseptic img {
			max-width:95%;
		}
		.aseptic_right {
			padding: 0em 0em 2em 0em;
		}
		.safety1 p {
			font-size:23px;
			padding:0 0 0 3.5em;
		}
		.safety2:before {
			height: 65%;
		}
		.safety2 p {
			padding: 2em 1em 0;
		}
		.safety2 img {
			max-width: 30vw;
			margin-right: -3em;
		}
		.aseptic_right p {
			padding:0 5em;
		}
	}
	@media screen and (max-width:680px) {
		.safety2 img {
			max-width: 30vw;
			margin-right: 0em;
		}
		.safety2 p {
			font-size: 16px;
		}
	}
	@media screen and (max-width:560px) {
		.aseptic_right p {
			padding: 0 3em;
		}
	}
	@media screen and (max-width:500px) {
		.aseptic_right h5 {
			font-size: 10vmin;
		}
		.aseptic_right {
			padding: 0em 0em 1em 0em;
		}
		.safety1 p {
			font-size: 20px;
			padding: 0 0 0 4em;
		}
		.safety1 sub {
			font-size:15px;
		}
		.safety1 li b {
			font-size: 16px;
		}
		.safety1 li {
			width: 48%;
		}
		.safety2 p {
			font-size: 15px;
		}
		.safety2:before {
			height:80%;
			bottom:0;
			border: dashed 4px #f29c9f;
		}
		.safety1 p:before {
			left:.5em;
		}
	}
	@media screen and (max-width:450px) {
		.aseptic_right p {
			padding: 0 1em;
		}
		.safety2:before {
			height: 90%;
		}
		.safety2 p {
			padding: 1em 0em 0;
			font-size:14px;
		}
		.safety2 img {
			max-width: 28vw;
			margin-right: -1em;
		}
	}
	@media screen and (max-width:380px) {
		.safety1 li b {
			font-size: 15px;
		}
		.safety1 li {
			width: 100%;
			padding: .5em;
		}
		.safety2 {
			padding:1em 0;
			margin-top:1em;
		}
		.safety2 p {
			padding:0;
		}
		.safety2:before {
			width:100%;
			height:100%;
		}
		.safety2 img {
			margin-right: -1em;
			margin-bottom: -2em;
		}
	}
	@media screen and (max-width:350px) {
		.safety1 p {
			font-size: 17px;
		}
		.safety {
			padding: 1em 0;
		}
	}
/*---process---------------------------------------------------------------------------------------------------------------------------------------*/
/***water***/
.water {
	background:url(../../images/water_deco_01.png) top right no-repeat, url(../../images/water_deco_02.png) bottom left no-repeat;
	background-size:auto;
	padding:3em 0;
}
.water .wrap3 {
	width:560px;
}
.water h5 {
	color:#00b7ee;
	font-size:50px;
}
.water .sub {
	background:url(../../images/sub_bg3.png) center center no-repeat;
	background-size:contain;
	min-height:auto;
}
/***process_list***/
.process_list {
	width:1570px;
	margin:2em auto 0;
	max-width:90%;
	text-align:center;
	background:#d9f1fc;
	border-radius:150px;
	padding:2em 1em;
}
.process_list ul {
}
.process_list li {
	display:inline-block;
	vertical-align:top;
	position:relative;
	text-align:center;
	max-width: 12vw;
    padding: 0 1em;
}
	.process_list li:after {
		content:'';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7.5px 0 7.5px 13px;
		border-color: transparent transparent transparent #005982;
		position:absolute;
		top:50%;
		right:-7.5px;
	}
	.process_list li:nth-of-type(7):after {
		display:none;
	}
.process_img {
	width:1430px;
	margin:0 auto;
	max-width:90%;
	text-align:center;
	padding:2em 0;
}
.process_img img:nth-of-type(1) {
	max-width: 32vw;
}
.process_img img:nth-of-type(2) {
	max-width: 45vw;
	padding:0 1em;
}
	@media screen and (max-width:1360px) {
		.water {
			background-size:30%;
		}
	}
	@media screen and (max-width:1120px) {
		.process_list li {
			max-width: 100%;
			width: 18%;
		}
		.process_img img:nth-of-type(1) {
			max-width: 35vw;
		}
		.process_img img:nth-of-type(2) {
			max-width: 48vw;
		}
	}
	@media screen and (max-width:800px) {
		.water {
			background-size: 45%;
		}
		.process_list li {
			width: 23%;
		}
		.process_list {
			margin:0 auto;
		}
		.process_list li:after {
			top:45%;
		}
	}
	@media screen and (max-width:600px) {
		.process_list {
			max-width:95%;
			padding: 1em 2em;
		}
		.process_list li {
			width: 24%;
			padding: 0 .5em;
		}
		.process_list li:after {
			border-width: 5px 0 5px 8px;
			right: -6px;
		}
	}
	@media screen and (max-width:500px) {
		.water h5 {
			font-size: 9vmin;
		}
		.process_list li {
			width: 32%;
		}
		.process_list {
			padding: 1.5em 1em .5em;
			border-radius: 100px;
		}
		.process_img img:nth-of-type(1) {
			max-width: 39vw;
		}
		.process_img img:nth-of-type(2) {
			max-width: 48vw;
		}
	}
	@media screen and (max-width:450px) {
		.process_img {
			padding:2em 0 0;
		}
		.process_img img:nth-of-type(1),.process_img img:nth-of-type(2) {
			max-width:100%;
			padding:0;
		}
	}
	@media screen and (max-width:380px) {
		.water {
			padding: 2em 0 1em;
		}
	}
/***certificate***/
.certificate {
	padding:1em 0 2em;
}
/*certificate_tit*/
.certificate_tit {
	position:relative;
	text-align:center;
	padding: 2em 1em 0;
}
	.certificate_tit:after {
		content:'';
		background:rgba(224,99,47,.15);
		position:absolute;
		width:100%;
		height:78%;
		top:0;
		left:0;
	}
.certificate_tit h5 {
	color:#a84a23;
	font-size:60px;
	font-family: 'Croissant One', cursive; 
}
.certificate_tit p {
	font-size:25px;
	letter-spacing:3px;
	padding-top:.5em;
}
.certificate_tit img {
}
.certificate ul {
	width:1350px;
	margin:0 auto;
	max-width:90%;
	text-align:left;
	padding-left:5em;
}
.certificate li {
	display:inline-block;
	vertical-align:top;
	width:23%;
	padding:1em;
	text-align:center;
}
.certificate img {
}
.certificate li p {
	font-size:16px;
	line-height:1.2;
}
	@media screen and (max-width:1200px) {
		.certificate ul {
			padding-left: 3em;
		}
	}
	@media screen and (max-width:991px) {
		.certificate li {
			padding: .5em;
		}
		.certificate_tit img {
			width: 285px;
		}
		.certificate_tit:after {
			height:79%;
		}
	}
	@media screen and (max-width:800px) {
		.certificate_tit h5 {
			font-size:50px;
		}
		.certificate_tit p {
			font-size:20px;
		}
		.certificate ul {
			padding-left: 1em;
		}
		.certificate li p {
			font-size:15px;
		}
	}
	@media screen and (max-width:700px) {
		.certificate_tit h5 {
			font-size: 45px;
		}
		.certificate_tit img {
			width: 230px;
		}
		.certificate li {
			width:32%;
		}
		.certificate {
			padding: 1em 0 1em;
		}
	}
	@media screen and (max-width:450px) {
		.certificate_tit h5 {
			font-size: 40px;
		}
		.certificate_tit p {
			font-size: 18px;
		}
		.certificate_tit img {
			width: 200px;
		}
		.certificate ul {
			padding-left: 0em;
		}
		.certificate li {
			padding: 0 .2em;
		}
		.certificate li p {
			font-size: 14px;
			padding-bottom:.3em;
		}
	}
	@media screen and (max-width:380px) {
		.certificate li p {
			font-size: 12px;
		}
		.certificate_tit h5 {
			font-size: 35px;
		}
	}
/*---q&a---------------------------------------------------------------------------------------------------------------------------------------------*/
/***qa***/
.qa {
	text-align:center;
	padding:2em 0;
}
/*note*/
.note {
	display:inline-block;
	color:#004d81;
	font-size:24px;
	font-weight:500;
	padding: 5px 3em 1em;
	position:relative;
	letter-spacing:3px;
}
	.note:before {
		content:'';
		background:url(../../images/!.png) top left no-repeat;
		background-size:contain;
		position:absolute;
		top:0;
		left:0;
		width:46px;
		height:38px;
	}
	.note:after {
		content:'';
		background:url(../../images/!.png) top right no-repeat;
		background-size:contain;
		position:absolute;
		top:0;
		right:0;
		width:46px;
		height:38px;
	}
/***qa_area***/
.qa_area {
	width:1530px;
	margin:0 auto;
	max-width:90%;
	text-align:center;
	position:relative;
}
/*qa_list*/
.qa_list {
	padding: 1em;
    text-align: center;
    width: 25%;
    margin: 0 auto;
    max-width: 100%;
    display: inline-block;
    float: left;
    vertical-align: top;
	transition:.2s ease all;
}
img.q {
	display: block;
    margin: 0 auto -1em;
	position: relative;
    z-index: 5;
}
.gray {
	background:#eeeeee;
	padding:2em 2em 1em;
	border-radius:30px;
	cursor:pointer;
	transition:.2s ease all;
}
	.qa_list:hover {
		-webkit-filter: drop-shadow(0px 1px 3px rgb(0 0 0 / 41%));
		filter: drop-shadow(0px 1px 3px rgb(0 0 0 / 41%));
		transform:translateY(-3px);
	}
p.qatit {
	font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 2px;
    margin: .5em 0;
    min-height: 77px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/*type*/
.type {
	border-top:solid 1px #a6a6a6;
	padding:1em .2em;
}
.type p {
	position:relative;
	text-align:right;
}
.type img {
	vertical-align:middle;
	position:absolute;
	top:0;
	left:0;
}
.type b {
	line-height: 1;
    position: relative;
    background: #fff;
    border-radius: 30px;
    font-size: 18px;
    color: #950000;
    padding:.5em 1em .2em 0em;
    width: 85%;
    display: inline-block;
    margin: 0 auto;
    font-weight: 500;
    transition: .3s ease all;
    text-align: center;
}
	.answer b {
		color:#004d81;
	}
.type b img {
	position: absolute;
    top: 4px;
    right: 1em;
    left: inherit;
}
.question {
}
.answer p {
	transition:.2s ease all;
}
.modal {
	padding: 0 !important;
}

.modal-content {
	background: rgba(255, 255, 255, .9);
	padding: 2% 5% 5px;
	border-radius: 20px;
	position: relative;
	height:auto;
}

.close {
	text-shadow: none;
	opacity: 1;
	font-weight: normal;
	box-shadow: none;
	font-size: 30px;
	position: absolute;
	top: 2%;
	right: 2%;
}

.close:focus,
.close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	background: none;
	box-shadow: none;
}

.modal-header .close {
	margin-top: 0px;
}

.modal-header {
	padding: 15px 0;
	border-bottom: 1px solid #959595;
}

.modal-footer {
	padding: 2% 0;
	border-top: 1px solid #959595;
	text-align: center;
	color: #5e5e5e;
	font-size: 15px;
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.modal-dialog {
	width: 600px;
    margin: 5vh auto;
    max-width: 90%;
}

.modal-body {
	padding:15px 0 5em;
	min-height: 60vh;
}
.modal-title {
	font-size:20px;
}
/*qa_inner*/
.qa_inner {
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding:1em;
}
.qa_inner span {
	display: block;
    text-align: center;
    color: #950000;
    background: rgb(0 0 0 / 10%);
    padding: 6px 5px 0 5px;
}
	.qa_inner:nth-of-type(2) span {
		color: #004d81
	}
.qa_inner ul {
	text-align: left;
    list-style: decimal;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 1em;
	margin-left:1em;
}
.qa_inner li {
}
/***calling***/
.calling {
	width:750px;
	margin:6em auto 3em;
	max-width:90%;
	text-align:left;
	font-style:italic;
	color:#000;
	position:relative;
	padding:1em 0;
}
	.calling:before {
		content:'';
		background:url(../../images/calling.png) center right no-repeat;
		background-size:contain;
		width:115px;
		height:99px;
		position:absolute;
		top:0;
		right:0;
	}
.calling p {
	font-size:22px;
	font-weight:700;
	letter-spacing:5px;
}
.calling span {
	font-size:16px;
	display:block;
	letter-spacing:1px;
}
	@media screen and (max-width:1400px) {
		.type b img {
			width:20px;
		}
		.qa_list {
			width:33%;
		}
	}
	@media screen and (max-width:1000px) {
		.qa_list {
			width: 50%;
		}
		p.qatit {
			min-height:70px;
		}
		.calling {
			margin: 4em auto 2em;
		}
		.calling p {
			font-size: 20px;
		}
		.calling span {
			font-size: 15px;
		}
	}
	@media screen and (max-width:730px) {
		p.qatit {
			font-size:18px;
		}
		.type b {
			font-size:16px;
		}
		.qa_list {
			padding: .5em;
		}
		.calling {
			padding: 1em 7em 1em 0;
		}
	}
	@media screen and (max-width:600px) {
		.note {
			font-size:20px;
		}
		.note:before,.note:after {
			width: 35px;
			height: 30px;
		}
		.qa_list {
			width: 100%;
			padding: .5em;
		}
		p.qatit {
			margin: 0 0 1em;
			min-height:auto;
		}
		img.q {
			width:60px;
		}
		.type b {
			width:90%;
		}
		.type img {
			width:20px;
		}
		.calling:before {
			width:100px;
			top:1em;
		}
		.calling {
			margin: 3em auto 0em;
		}
	}
	@media screen and (max-width:450px) {
		.note:before {
			left:.5em;
		}
		.note:after {
			right:.5em;
		}
		.note {
			padding: 5px 3em 1em;
			font-size:18px;
		}
		img.q {
			width: 55px;
		}
		.qa_inner {
			padding: 1em 0;
		}
		.calling p {
			letter-spacing: 2px;
		}
		.calling {
			padding: 1em 6em 1em 0;
			margin: 2em auto 0em;
		}
	}
	@media screen and (max-width:380px) {
		.calling p {
			font-size: 18px;
		}
		.calling span {
			font-size: 13px;
		}
		.calling {
			padding: 0em 4em 0em 0;
		}
		.calling:before {
			width: 63px;
		}
		.gray {
			padding: 2em 1em .5em;
		}
	}
	@media screen and (max-width:350px) {
		.type b {
			width: 88%;
		}
	}
/***news*************************************************************************************************/
.news {
	width: 1100px;
    margin: 0 auto;
    max-width: 90%;
    text-align: center;
    padding-bottom: 5em;
}
.news table {
	width:100%;
}
.newslist {
	padding:2em 0;
}
table.tableimg {
	display:block;
	width:900px;
	max-width:90%;
	margin:0 auto;
}
/***newslist_rwd***/
.newslist_rwd {
	padding:1em 4em;
	position:relative;
	margin-bottom:0em;
}
.newslist_rwd a {
	transition:.2s ease all;
}
.newslist_rwd a:first-of-type {
	position: relative;
    transition: .3s ease all;
    line-height: 1.5;
    background: #fff;
    padding: 1em;
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	text-align:left;
	z-index:3;
}
/*npic*/
.npic {
	position: relative;
    width: 46%;
    min-height: 340px;
    transition: .3s ease all;
    display: inline-block;
    vertical-align: top;
}
.npicimg {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-position-x: center;
}
	.newslist_rwd a:hover {
		opacity:.7;
	}
/*ntitle*/
.ntitle {
	text-align:left;
	position:relative;
	margin: .5em 0;
	display: inline-block;
    vertical-align: top;
    width: 45%;
    padding: 3em 0 0 2em;
}
.ntitle p {
    position: relative;
    font-size: 22px;
    font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.ntitle p a {
	display:inline-block;
	font-size:16px;
}
.ntitle p a:nth-of-type(1) {
	background: none;
    padding: 0 0 0 3px;
    box-shadow: none;
}
.ntitle span {
	display: block;
    padding: 0 3px;
    font-size: 15px;
    border-top: solid 1px #000;
    text-align: left;
    padding-top: 1em;
    margin-top: .5em;
}
/*page_num*/
.page_num {
}
.page_num a {
	display:inline-block;
}
.inews .page_num {
	display:none;
}
	@media screen and (max-width:900px) {
		.npic {
			min-height:285px;
		}
		.news {
			max-width: 95%;
		}
		.ntitle {
			padding: 1em 0 0 2em;
		}
		.ntitle p {
			font-size:22px;
		}
	}
	@media (max-width:768px) {
		.npic {
			min-height: 200px;
			width:50%;
		}
		.ntitle p {
			font-size: 20px;
		}
		.ntitle span {
			font-size:15px;
		}
		.ntitle {
			margin:0;
		}
	}
	@media (max-width:600px) {
		.npic {
			min-height: 250px;
			width: 100%;
		}
		.newslist {
			padding: 1em 0;
		}
		.ntitle {
			margin: 0;
			width: 100%;
			padding: 1em;
		}
	}
	@media (max-width:500px) {
		.newslist_rwd {
			padding: 1em 2em 0em;
		}
		.newslist_rwd a:before {
			width: 13%;
			z-index: 1;
		}
		.newslist_rwd a:after {
			bottom: -16px;
			left: 1em;
			width: 10%;
		}
	}
	@media (max-width:430px) {
		.ntitle {
			padding: 1em 0;
		}
		.npic {
			min-height: 200px;
		}
		.ntitle p {
			font-size: 18px;
		}
	}
	@media (max-width:380px) {
		.newslist_rwd {
			padding: 1em 1em 0em;
		}
	}
.inews_list .newslist_rwd:before,.inews_list .newslist_rwd:after,.inews_list .newslist_rwd a:before,.inews_list .newslist_rwd a:after {
	display:none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    border: solid 2px #2c9cd1;
    border-radius: 5px;
    background: transparent;
    color: #1486bb;
    padding: .5em 1em;
    line-height: 1;
    margin: 5px;
	transition:.3s ease all;
	font-size:16px;
}
	button:hover,html input[type=button]:hover,input[type=reset]:hover, input[type=submit]:hover {
		border-radius: 50px;
		-webkit-filter: drop-shadow(2px 2px 3px #2c9cd18f);
		filter: drop-shadow(2px 2px 3px #2c9cd18f);
	}