/*--------------copyright by alva start-------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
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,  th, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family:'Verdana', Helvetica, 'cwTeXYen', "微軟正黑體", "Microsoft JhengHei", sans-serif;
    position: relative;
    font-size:20px;
	line-height:1.5;
	letter-spacing:2px;
	color:#312927;
	overflow-x:hidden;
	font-weight: bold;
}
ol, ul {
	list-style: none;
	margin-bottom: 0px;
	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;
}

a {
    display: block;
	color:#333;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
::selection {
  background:#c6f2fb;
}

/****************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*gotop*/
#gotop {
	position: fixed;
	bottom: 1%;
    right: 1%;
	cursor:pointer;
	z-index:9;
	transition:.3s ease-in-out;
	display:none;
}
#gotop img {
	-webkit-filter: drop-shadow(2px 2px 2px #0d2263);
	filter: drop-shadow(2px 2px 2px #0d2263);
}
	#gotop:hover {
		transform:scale(.9);
	}
	@media screen and (max-width:500px) {
		#gotop {
			width:13%;
		}
		#gotop img {
			width:100%;
		}
	}
button, html input[type=button], input[type=reset], input[type=submit] {
	background: #fff;
    border: solid 1px #a7a7a7;
    border-radius: 5px;
    padding: 10px 13px;
    letter-spacing: 1px;
    box-shadow: 2px 2px 1px rgba(0,0,0,.3);
	transition:.2s ease all;
	width:150px;
	margin:0 1%;
	color:#000;
}
input[type=reset] {
	background: rgb(173, 176, 176);
}
button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	background:rgba(0,0,0,.8);
    box-shadow: 0px 0px 1px rgba(0,0,0,.3);
	color:#fff;
}
/*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;
}
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*dex*/
.dex {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:-1;
}
.carousel {
	position:relative;
}
	/*item*/
	.dex .item {
		background: url(../../flash/dex1.jpg) top center no-repeat;
		background-size:cover;
		width:100%;
		height:100vh;
	}
	.dex .item img {
		display:none !important;
	}
	.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;
	}
.ideco {
	position:absolute;
	bottom:0;
	right:0;
	background:url(../../images/dex_deco.png) bottom right no-repeat;
	background-size:contain;
	width:667px;
	height:376px;
}
/*---nav-----------------------------------------------------------------------------------------------------------------------------------*/
/***mobile ibutton***/
.mibutton {
	z-index: 30;
	cursor:pointer;
	width:50px;
	height:40px;
	color:#6c6c6c;
	display:none;
	position:relative;
	text-align:center;
}
	.mibutton span {
		display: inline-block;
		width: 100%;
		height: 2px;
		transition: .3s ease-in-out;
		position: absolute;
		top:0;
		right:0;
		background:#fff;
	}
		.mibutton span:nth-child(2) {
			top:10px;
			width:80%;
		}
		.mibutton span:nth-child(3) {
			top:20px;
		}
		.mibutton_ani {
			background:#fffff;
			opacity:1;
		}
		.mibutton_ani span:nth-child(1) {
			-webkit-transform:rotate(25deg);
					transform:rotate(25deg);
			-webkit-transform-origin:left top;
					transform-origin:left top;
		}
		.mibutton_ani span:nth-child(2) {
			opacity:0;
		}
		.mibutton_ani span:nth-child(3) {
			-webkit-transform:rotate(-25deg);
					transform:rotate(-25deg);
			-webkit-transform-origin:left bottom;
					transform-origin:left bottom;
		}
/*---header-------------------------------------------------------------------------------------------------------------------------------*/
header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:auto;
	-webkit-filter: drop-shadow(0px 0px 5px #62605d);
	filter: drop-shadow(0px 0px 5px #62605d);
	z-index:20;
}
/*nav*/
.nav {
	position:relative;
	background:url(../../images/pattern.png) repeat;
	padding:1.5em 0 1em 0;
}
/*ilogo*/
.ilogo {
	display:inline-block;
	text-align:center;
	width:40%;
	vertical-align:middle;
}
.ilogo a {
}
.ilogo img {
	max-width:100%;
}
/*navbar*/
.navbar {
	display:inline-block;
	text-align:right;
	width:55%;
	min-height: auto;
    border: 0;
    margin: 0;
    border-radius: 0;
	vertical-align:middle;
}
/*ibutton*/
.ibutton {
}
.ibutton ul {
}
.ibutton li {
	display: inline-block;
    vertical-align: bottom;
    width: 18%;
	padding:0 1em;
    text-align: center;
	position:relative;
}
.ibutton a {
	position:relative;
}
.ibutton img {
	max-width:100%;
}
img.p {
	display:block;
	margin:0 auto .5em;
	opacity:0;
	transform:translateY(-10px);
	transition:.3s ease-in-out;
}
img.ibtn {
}
img.ibtn1 {
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
	opacity:0;
	transition:.3s ease-in-out;
}
/***hover***/
.ibutton a:hover img.ibtn1 {
	opacity:1;
}
.ibutton a:hover img.p {
	opacity:1;
	transform:translateY(0px);
}
/*dropmenu*/
ul.dropmenu,ul.mob_sub {
	position: absolute;
    width: 100%;
    top:7em;
    left: 0;
	color:#fff;
	font-size:18px;
	padding:1em 0;
	border-radius:20px;
	background:#ec6941;
	opacity:0;
	visibility:hidden;
	transition:.3s ease-in-out;
	font-weight:normal;
}
ul.dropmenu{
	overflow-y: scroll;
    height: 85vh;
	}
ul.dropmenu li,ul.mob_sub li {
	display:block;
	width:100%;
	color:#fff;
	font-size:18px;
	text-align:left;
	padding:0;
}
ul.dropmenu:after {
	content:'';
	position:absolute;
	top:-20px;
	left:calc(50% - 20px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 20px;
	border-color: transparent transparent #ec6941 transparent;
	margin:0 auto;
}
ul.dropmenu h5,ul.mob_sub h5 {
	background:#ec6941;
	font-size:20px;
	padding:.3em 0;
}
ul.dropmenu a,ul.mob_sub a {
	color:#fff;
	font-size:18px;
	padding:.3em 1em;
	transition:.2s ease-in-out;
}
ul.dropmenu img,ul.mob_sub img {
	padding-right:.5em;
}
.ibutton li:hover ul.dropmenu {
	top:6em;
	visibility:visible;
	opacity:1;	
}
ul.dropmenu a:hover,ul.mob_sub a:hover {
	background:#21367a;
}
/*nav_btm*/
.nav_btm {
	position:relative;
	background: url(../../images/nav_btm.png) top left no-repeat;
	background-size:contain;
	width:689px;
	height:144px;
	margin-top: -2px;
    z-index: -1;
}
/*mob_sub*/
.mob_sub {
	display:none;
}
	@media screen and (max-width:1700px) {
		.ibutton li {
			width:22%;
		}
		.ideco {
			width:54%;
		}
	}
	@media screen and (max-width:1440px) {
		.mibutton {
			display:block;
			position:fixed;
			top:3em;
			right:2em;
		}
		.navbar {
			display:block;
			width:100%;
		}
		.ibutton {
			display:none;
			max-height:70vh;
			overflow-y:scroll;
		}
		.ibutton li {
			width:100%;
			padding: 0 0em 1.5em;
		}
		ul.mob_sub li {
			text-align:center;
		}
		img.p {
			opacity: 1;
			transform: translateY(0px);
		}
		ul.dropmenu {
			display:none;
		}
		ul.dropmenu:after {
			display:none;
		}
		ul.mob_sub {
			display:none;
			position:relative;
			width:100%;
			visibility:visible;
			opacity:1;
			top:0;
			border-radius:2px;
			margin-top:1em;
			transition:none;
		}
		ul.dropmenu li {
			text-align:center;
		}
		.ibutton li:hover ul.dropmenu {
			top:0;
			visibility: visible;
			opacity: 1;
		}
		.nav_btm {
			width:50%;
		}
	}
	@media screen and (max-width:1024px) {
		.nav {
			padding: 1em 0 0em 0;
		}
		.mibutton {
			top:2em;
		}
		.nav_btm {
			width: 40%;
			height: 90px;
		}
		.dex {
			height:auto;
			z-index:0;
			margin-top:5em;
		}
		.dex .item {
			height:auto;
			background:none !important;
		}
		.dex .item img {
			display:block !important;
		}
		.ideco {
			width: 35%;
		}
		.ibutton {
			max-height:80vh;
		}
		.ilogo img {
			width:80px;
		}
	}
	@media screen and (max-width:768px) {
		.ilogo img {
			width: 66px;
		}
		.mibutton {
			width:45px;
		}
		.nav_btm {
			width: 40%;
			height: 55px;
		}
		.dex {
			margin-top:4em;
		}
	}
	@media screen and (max-width:550px) {
		.ilogo img {
			width: 60px;
		}
		.mibutton {
			top: 1.5em;
		}
	}
	@media screen and (max-width:430px) {
		.ilogo img {
			width: 50px;
			padding-bottom: .5em;
		}
		.mibutton {
			right: 1em;
		}
		.nav_btm {
			height: 38px;
		}
	}
/*---main------------------------------------------------------------------------------------------------------------------------------*/
.main {
	position:relative;
}
/***abt1***/
.abt1 {
	background:url(../../images/abt1_bg.jpg) center center no-repeat fixed;
	background-size:cover;
}
/*abt1_top*/
.abt1_top {
	background:url(../../images/abt1_people.png) top left no-repeat;
	background-size:auto;
	min-height:814px;
	text-align:right;
}
/*abt1_text*/
.abt1_text {
	display:inline-block;
	width: 730px;
    max-width: 100%;
    padding: 5em 4em 0 0;
}
.abt1_text img {
	max-width:100%;
}
.abt1_text h4 {
	color:#fff;
	background:#30bcda;
	letter-spacing:5px;
	font-size:25px;
	border-radius:40px;
	text-align:center;
	padding:13px 10px;
	width:100%;
	margin-top:.5em;
}
.abt1_text p {
	text-align:left;
	padding:1em 0;
}
/*abt_mob*/
.abt_mob {
	display:none;
}
/*abt1_deco*/
.abt1_deco {
	position:relative;
	text-align:center;
}
.abt1_deco img {
	max-width:90%;
	padding:9em 0;
}
.abt2_top {
	background:url(../../images/abt2_top.png) bottom center no-repeat;
	background-size:cover;
	min-height:132px;
	width:100%;
}
	@media screen and (max-width:1570px) {
		.abt1_top {
			background-position-x: 25%;
		}
	}
	@media screen and (max-width:1440px) {
		.abt1_text {
			display: block;
			width: 630px;
			max-width:90%;
			padding: 4em 0em 4em 0;
			margin: 0 auto;
		}
		.abt1_top {
			background:#fff;
			min-height:inherit;
			position:relative;
			z-index:3;
		}
		.abt_mob {
			display:block;
			background: url(../../images/abt1_people.png) top left no-repeat;
			background-size: cover;
			min-height: 730px;
			text-align: right;
			background-position-x: 0%;
			background-size: 153%;
			background-position-y: 110%;
		}
		.abt1_deco img {
			padding:7em 0;
		}
	}
	@media screen and (max-width:1130px) {
		.abt_mob {
			margin-top: -7em;
		}
		.abt2_top {
			min-height:90px;
		}
		.abt1_deco img {
			padding: 5em 0;
		}
	}
	@media screen and (max-width:970px) {
		.abt_mob {
			margin-top: -7em;
			background-position-y: 0;
			background-position-x: 0%;
			min-height: 630px;
		}
	}
	@media screen and (max-width:800px) {
		.abt_mob {
			background-size:cover;
			margin-top: -5em;
		}
		.abt1 {
			background-attachment:inherit;
		}
	}
	@media screen and (max-width:670px) {
		.abt_mob {
			background-position-x: 5%;
			min-height: 540px;
		}
		.abt1_deco img {
			padding: 3em 0;
		}
	}
	@media screen and (max-width:560px) {
		.abt_mob {
			background-position-x: 5%;
			min-height: 470px;
		}
		.abt2_top {
			min-height: 47px;
		}
	}
	@media screen and (max-width:500px) {
		.abt1_text {
			padding: 2em 0em;
		}
		.abt1_text h4 {
			letter-spacing:1px;
			border-radius: 25px;
			font-size:18px;
		}
		.abt1_text img:nth-of-type(1) {
			max-width:95%;
		}
		.abt1_text p {
			font-size:18px;
		}
		.abt_mob {
			min-height: 430px;
			margin-top: -2em;
		}
		.abt1_deco img {
			padding: 2em 0;
		}
	}
	@media screen and (max-width:430px) {
		.abt_mob {
			min-height: 374px;
		}
	}
	@media screen and (max-width:380px) {
		.abt_mob {
			min-height: 340px;
		}
	}
	@media screen and (max-width:350px) {
		.abt_mob {
			min-height: 320px;
		}
		.abt1_deco img {
			padding: 1em 0;
		}
	}
/***abt2***/
.abt2 {
	background:url(../../images/abt2_bg.jpg) top center no-repeat fixed;
	background-size:cover;
	text-align:left;
}
/*abt2_head*/
.abt2_head {
	border-bottom: 2em solid #ed6c35;
}
/*abt2_img1*/
.abt2_img1 {
	display: inline-block;
    width: 50%;
	vertical-align:top;
}
.abt2_img1 img {
	max-width:100%;
}
.abt2_img1line {
	background:url(../../images/abt2_img1_02.png) top right repeat-y;
	background-size:contain;
	text-align:left;
	padding: 1em 6em 0em 8em;
    color: #fff;
	font-weight:normal;
}
/*abt2_img2*/
.abt2_img2 {
	display:inline-block;
	vertical-align:top;
	width:50%;
	background: #ed6c35;
	float:right;
	padding: 3em 0 0 4em;
}
.abt2_img2 img {
	max-width:100%;
}
.abt2_img2line {
	background:url(../../images/abt2_img2_02.png) top left repeat-y;
	background-size:contain;
	text-align:right;
	padding: 0em 8em 1em 3em;
    color: #fff;
	font-weight:normal;
}
/*abt2_btm*/
.abt2_btm {
	text-align:right;
}
.abt2_img3 {
	display: inline-block;
    width: 52%;
	float:left;
	background: #ed6c35;
    padding: 3em 0em 9em 0em;
    margin: -7em 0em 0 0;
}
.abt2_img3 img {
	max-width:100%;
	margin-right: -7em;
    position: relative;
}
.abt2_img3 p {
	color:#fff;
	padding: 1em 0 0 11em;
    text-align: left;
	position:relative;
	z-index:5;
	font-weight:normal;
}
img.abt32 {
	width:48%;
	vertical-align:top;
}
	@media screen and (max-width:1880px) {
		.abt2_img1 img:nth-of-type(2) {
			border-bottom: solid 30px #ed6c35;
		}
	}
	@media screen and (max-width:1730px) {
		.abt2_img1 img:nth-of-type(2) {
			border-bottom: solid 55px #ed6c35;
		}
		.abt2_img3 {
			padding: 2em 0em 3em 0em;
		}
	}
	@media screen and (max-width:1570px) {
		.abt2_img1line {
			padding: 1em 2em 0em 6em;
		}
		.abt2_img2line {
			padding: 0em 4em 1em 2em;
		}
		.abt2_img3 p {
			padding: 0em 0 0 7em;
		}
	}
	@media screen and (max-width:1530px)  {
		.abt2_img3 {
			padding: 4em 0em 3em 0em;
			margin: -9em 0em 0 0;
		}
	}
	@media screen and (max-width:1260px) {
		.abt2_img1line {
			padding: 1em 2em 0em 4em;
		}
		.abt2_img2line {
			padding: 0em 3em 1em 2em;
		}
		.abt2_img3 {
			float:none;
			width:100%;
			text-align:center;
			margin: -8em 0em 0 0;
		}
		.abt2_img3 img {
			margin:0;
		}
		.abt2_img3 p {
			padding: 0em 9em;
		}
		.abt2_img2 img {
			position:relative;
		}
		img.abt32 {
			width: auto;
			vertical-align: top;
			max-width: 100%;
			border-left: 19em solid #ed6b35;
		}
	}
	@media screen and (max-width:1024px) {
		.abt2_img1 {
			display: inline-block;
			width: 100%;
			vertical-align: top;
			border-right: 6em solid #ed6c35;
		}
		.abt2_img1 img:nth-of-type(2) {
			border-bottom: solid 0px #ed6c35;
		}
		.abt2_img2 {
			width:100%;
			padding: 1em 0 0 9em;
		}
		.abt2_img3 {
			margin: 0em 2em 0 0;
			padding: 0em 0em 2em 0em;
		}
		.abt2_img3 img {
			padding:0 2em;
		}
		.abt2_img1line {
			padding: 1em 2em 0em 6em;
		}
		.abt2_img2line {
			padding: 0em 6em 1em 2em;
		}
		.abt2_img3 p {
			padding: 0em 4em;
		}
		img.abt32 {
			border-left: 10em solid #ed6b35;
		}
	}
	@media screen and (max-width:800px) {
		.abt2_img1line {
			padding: 1em 2em 1em 5em;
		}
		.abt2_img2 {
			width: 100%;
			padding: 1em 1em 0 7em;
		}
		.abt2_img2line {
			padding: 0em 3em 1em 2em;
		}
		.abt2_img3 p {
			padding: 1em 2em 0;
		}
		img.abt32 {
			border-left: 5em solid #ed6b35;
		}
		.abt2 {
			background-attachment:inherit;
		}
	}
	@media screen and (max-width:600px) {
		.abt2_img1 {
			border-right: 2em solid #ed6c35;
		}
		.abt2_img1line {
			padding: 1em 2em 1em 4em;
		}
		.abt2_img2 {
			padding: 1em 1em 0 2em;
		}
		.abt2_img2line {
			padding: 0em 2em 1em 2em;
		}
		.abt2_img3 {
			margin: 0em 0em 0 0;
			padding: 0em 0em 1em 0em;
		}
	}
	@media screen and (max-width:500px) {
		.abt2_img1 {
			border-right: 1em solid #ed6c35;
			border-top: 1em solid #ed6c35;
		}
		.abt2_img1line {
			padding: 1em 1em 1em 4em;
			font-size:18px;
		}
		.abt2_img2 {
			padding: 1em 1em 0 1em;
		}
		.abt2_img2line {
			padding: 0em 1em 1em 1em;
			font-size:18px;
		}
		.abt2_img3 img {
			padding: 0 1em;
		}
		.abt2_img3 p {
			padding: .5em 1em 0;
			font-size:18px;
		}
		.abt2 {
			font-size:20px;
		}
	}
	@media screen and (max-width:430px) {
		.abt2_img1line {
			padding: 1em 1em 1em 3em;
		}
	}
/***abt_link***/
.abt_link {
	background:url(../../images/abt4_bg.jpg) bottom center no-repeat fixed;
	background-size:cover;
	text-align:center;
	position:relative;
}
.abt_link:after {
	content:'';
	background:#ed6d35;
	width:100%;
	min-height:265px;
	position:absolute;
	top:-1em;
	left:0;
	-webkit-filter: drop-shadow(0px 9px 4px rgba(0, 0, 0, .2));
	filter: drop-shadow(0px 9px 4px rgba(0, 0, 0, .2));
}
.abt_link ul {
	position:relative;
	z-index:5;
	padding: 1em 1em 0;
}
.abt_link li {
	display:inline-block;
	width:30%;
	padding:1em;
}
.abt_link a {
	text-align:center;
	position:relative;
}
.abt_link img {
	max-width:100%;
}
img.abtl {
	position:relative;
	z-index:3;
	transition:.3s ease-in-out;
}
img.abtl1 {
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	-webkit-filter: drop-shadow(2px 5px 5px rgba(51, 51, 51, .5));
	filter: drop-shadow(2px 5px 5px rgba(51, 51, 51, .5));
}
.abt_link li:nth-of-type(1) a:hover img.abtl {
	transform: translate(-1.5em, -1.5em);
}
.abt_link li:nth-of-type(2) a:hover img.abtl {
	transform: translate(0, -1.5em);
}
.abt_link li:nth-of-type(3) a:hover img.abtl {
	transform: translate(1.5em, -1.5em);
}
img.abt4 {
	max-width:90%;
	padding:6em 0 10em;
	-webkit-filter: drop-shadow(3px 3px 2px rgba(51, 51, 51, .5));
	filter: drop-shadow(3px 3px 2px rgba(51, 51, 51, .5));
}
/*ft_top*/
.ft_top {
	background:url(../../images/ft_top.png) bottom right no-repeat;
	background-size:cover;
	min-height:154px;
	width:726px;
	position:absolute;
	right:0;
	bottom:-2px;
	z-index:3;
}
	@media screen and (max-width:1599px) {
		.abt_link:after {
			top:-2em;
		}
	}
	@media screen and (max-width:1430px) {
		.abt_link:after {
			top:-3em;
		}
	}
	@media screen and (max-width:1342px) {
		.abt_link:after {
			top:-5em;
		}
	}
	@media screen and (max-width:1260px) {
		.abt_link:after {
			top:-2px;
		}
	}
	@media screen and (max-width:1024px) {
		.abt_link:after {
			min-height: 26%;
		}
	}
	@media screen and (max-width:800px) {
		.abt_link {
			background-attachment:inherit;
		}
		img.abt4 {
			padding: 2em 0 8em;
		}
		.ft_top {
			width:70%;
			background-size:contain;
		}
		.abt_link li {
			width:31%;
			padding: 1em .3em;
		}
		.abt_link li:nth-of-type(1) a:hover img.abtl,.abt_link li:nth-of-type(2) a:hover img.abtl,.abt_link li:nth-of-type(3) a:hover img.abtl {
			transform: translate(0);
		}
	}
	@media screen and (max-width:600px) {
		img.abt4 {
			padding: 1em 0 6em;
		}
		.abt_link ul {
			padding: 1em 0em 0;
		}
	}
	@media screen and (max-width:430px) {
		.abt_link ul {
			padding: 0em 0em 0;
		}
		.abt_link li {
			padding: 1em .2em;
		}
		img.abt4 {
			padding: 1em 0 4em;
		}
	}
	@media screen and (max-width:400px) {
		.abt_link li {
			width:31%;
		}
	}
/*---footer------------------------------------------------------------------------------------------------------------------------------*/
footer {
	background:url(../../images/pattern.png) repeat;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	-webkit-filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.7));
	filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.7));
}
/*ft_logo*/
.ft_logo {
	background:url(../../images/ft_logo_bg.png) top right no-repeat;
	background-size:cover;
	display:inline-block;
	height:100%;
	width:425px;
	padding:2em 1em;
	text-align:right;
}
.ft_logo img {
	max-width:90%;
	padding: 4em 5em 5em 0;
}
/*ft_info*/
.ft_info {
	display:inline-block;
	width:20%;
	vertical-align:middle;
	padding:0 1em;
	border-right:solid 1px #e88139;
}
.ft_info ul {
}
.ft_info li {
	margin:2em 0;
}
.ft_info p:nth-of-type(1) {
	font-size:14px;
}
.ft_info p:nth-of-type(2) {
	font-size:16px;
}
.ft_info img {
	margin: -2em -.5em 0 0;
}
.ft_info span {
	font-size:17px;
}
/*ft_btn*/
.ft_btn {
	display:inline-block;
	vertical-align:middle;
	padding:0 2em;
}
.ft_btn ul {
}
.ft_btn li {
	display:inline-block;
	vertical-align:top;
	width:30%;
}
.ft_btn li a {
	display: inline-block;
    background: #fff;
    border-radius: 6px;
	position:relative;
	overflow:hidden;
}
.ft_btn li a:after {
	content:'';
	background:#7ecef4;
	width:100%;
	height:35%;
	position:absolute;
	top:0;
	left:0;
	transition:.3s ease-in-out;
}
.ft_btn li:nth-of-type(2) a:after {
	background:#b3d465;
}
.ft_btn li:nth-of-type(3) a:after {
	background:#f29a76;
}
.ft_btn li img {
	max-width:100%;
	position:relative;
	z-index:3;
}
	.ft_btn li a:hover:after {
		height:90%;
	}
/*icon*/
.icon {
	padding:1em 0;
}
.icon a {
	display:inline-block;
	padding:0 2px;
	transition:.2s linear;
}
.icon img {
	max-width:100%;
}
.icon a:hover {
	transform: translateY(-5px);	
}
/*copyright*/
.copyright {
	font-size:14px;
	color:#556fb5;
}
.copyright a {
	display:inline-block;
	font-size:14px;
	color:#556fb5;
	transition:.2s linear;
}
.copyright a:hover {
	color:#fff;
}
	@media screen and (max-width:1460px) {
		.ft_logo {
			width:29%;
		}
		.ft_info {
			width:24%;
		}
	}
	@media screen and (max-width:1270px) {
		.ft_btn {
			width:42%;
		}
		.ft_btn li {
			padding-right:1em;
		}
	}
	@media screen and (max-width:1080px) {
		.ft_logo {
			width:36%;
		}
		.ft_info {
			width: 40%;
		}
		.ft_btn {
			text-align: center;
			width: 100%;
			padding: 1em 2em;
		}
		.ft_btn ul {
			width:600px;
			margin:0 auto;
			max-width:100%;
		}
		.ft_btn li {
			padding:0 1em;
		}
	}
	@media screen and (max-width:768px) {
		.ft_logo {
			width: 48%;
		}
		.ft_info {
			width: 48%;
		}
		.ft_top {
			bottom:0;
			width:35%;
		}
	}
	@media screen and (max-width:590px) {
		.ft_logo {
			width: 100%;
			text-align: center;
		}
		.ft_logo img {
			padding: 1em 0em;
			width: 95px;
		}
		.ft_info {
			width: 100%;
			border: 0;
			padding: 1em 1em 0em 3em;
		}
	}
	@media screen and (max-width:430px) {
		.ft_btn {
			padding:0 1em 1em;
		}
		.ft_logo img {
			width: 90px;
		}
	}
	@media screen and (max-width:350px) {
		.ft_info {
			padding: 1em 1em 0em 1em;
		}
		.ft_btn li {
			padding: 0 0em;
		}
		.icon a {
			width:9%;
		}
		.ft_logo img {
			width: 75px;
			padding:0;
		}
	}
/*---inbanner--------------------------------------------------------------------------------------------------------------------------*/
.inbanner {
	background:url(../../images/inbanner.jpg) top center no-repeat;
	background-size:cover;
	min-height:562px;
	text-align:center;
	position:relative;
}
.inbanner img {
	max-width:90%;
	position:absolute;
	bottom:5em;
	left:50%;
	transform:translateX(-50%);
}
/*intitle*/
.intitle {
	text-align:center;
	padding:2em 1em;
}
.intitle img {
	max-width:100%;
}
/*inft_top*/
.inft_top {
	background:url(../../images/inft_top.png) bottom right no-repeat;
	background-size:cover;
	min-height:202px;
	position:relative;
	z-index:3;
}
	@media screen and (max-width:1200px) {
		.inbanner {
			min-height:500px;
		}
		.inbanner img {
			bottom:4em;
		}
		.inft_top {
			min-height:160px;
		}
	}
	@media screen and (max-width:1024px) {
		.inbanner {
			min-height:380px;
		}
		.inbanner img {
			bottom:3em;
			max-width:65%;
		}
		.inft_top {
			min-height:140px;
		}
		.intitle img {
			width:400px;
		}
	}
	@media screen and (max-width:840px) {
		.inbanner {
			min-height: 320px;
		}
		.inbanner img {
			bottom:2em;
		}
		.inft_top {
			min-height: 110px;
		}
	}
	@media screen and (max-width:768px) {
		.inbanner {
			min-height:280px;
		}
		.intitle img {
			width: 340px;
		}
		.intitle {
			padding: 1em 1em 1em;
		}
	}
	@media screen and (max-width:600px) {
		.inbanner {
			min-height: 270px;
			background-position-x:70%;
		}
		.inbanner img {
			max-width: 85%;
		}
	}
	@media screen and (max-width:500px) {
		.inbanner {
			min-height: 245px;
		}
		.inft_top {
			min-height: 100px;
		}
	}
	@media screen and (max-width:430px) {
		.inbanner {
			min-height: 230px;
		}
		.inbanner img {
			bottom: 1.5em;
		}
		.inft_top {
			min-height:90px;
		}
	}
	@media screen and (max-width:380px) {
		.inbanner {
			min-height: 220px;
		}
		.inbanner img {
			bottom: 1.5em;
		}
		.inft_top {
			min-height:80px;
		}
	}
/*---parking----------------------------------------------------------------------------------------------------------------------------*/
.parking {
	text-align:center;
	padding-bottom:2em;
}
/*area*/
.area {
	width:1500px;
	margin:0 auto;
	max-width:90%;
}
.area ul {
	text-align:left;
	padding-bottom:1em;
}
.area li {
	display:inline-block;
	padding:0 .2em;
	margin:5px 0;
}
.area a {
	font-size:22px;
	color:#21367a;
	font-weight:normal;
	text-align:center;
	letter-spacing:0;
	border-radius:30px;
	border: solid 2px #21367a;
	transition:.4s ease-in-out;
	padding: 6px 1em;
}
.area a:hover {
	color:#fff;
	border: solid 2px #e88139;
	box-shadow: inset 0 0 0 2em #e88139;
}
.area ul:nth-of-type(2) a:hover {
	color:#fff;
	border: solid 2px #206e68;
	box-shadow: inset 0 0 0 2em #206e68;
}
.area ul:nth-of-type(3) a:hover {
	color:#fff;
	border: solid 2px #316d84;
	box-shadow: inset 0 0 0 2em #316d84;
}
.area ul:nth-of-type(4) a:hover {
	color:#fff;
	border: solid 2px #b38701;
	box-shadow: inset 0 0 0 2em #b38701;
}
.area ul:nth-of-type(5) a:hover {
	color:#fff;
	border: solid 2px #330585;
	box-shadow: inset 0 0 0 2em #330585;
}
img.araetit {
	max-width:100%;
}
	@media screen and (max-width:1250px) {
		img.araetit {
			display:block;
			padding-bottom:1em;
		}
	}
	@media screen and (max-width:995px) {
		img.araetit {
			width:210px;
		}
		.area li {
			padding: .2em .2em;
		}
	}
	@media screen and (max-width:790px) {
		.area a {
			font-size:20px;
		}
	}
	@media screen and (max-width:600px) {
		img.araetit {
			width: 190px;
			padding-bottom:.5em;
		}
	}
	@media screen and (max-width:460px) {
		.area li {
			width: 48%;
			padding: 0;
		}
		.area a {
			font-size:16px;
			white-space:nowrap;
			padding: 6px 0;
		}
		img.araetit {
			width: 170px;
		}
	}
	@media screen and (max-width:380px) {
		img.araetit {
			width: 150px;
		}
	}
/*---location---------------------------------------------------------------------------------------------------------------------------*/
.location {
	background:rgba(232,129,57,.15);
	text-align:right;
	padding:1em 0;
}
/*map*/
.map {
	display:inline-block;
	padding:0 1em;
	width:40%;
}
.map iframe {
	width:100%;
	min-height:475px;
}
/*loc_info*/
.loc_info {
	display:inline-block;
	width:52%;
	vertical-align:top;
}
.loc_info h3 {
	background:#fff;
	border-radius:30px 0 0 30px;
	padding:13px 10px 13px 20px;
	color:#e88139;
	font-size:30px;
	text-align:left;
}
.loc_info h3 i {
	color:#e88139;
	font-size:30px;
}
.loc_info ul {
	text-align:left;
	padding:2em 1em 1em 1em;
}
.loc_info li {
	font-size:20px;
	color:#000;
	font-weight:normal;
	padding-bottom:1em;
}
.loc_info span {
	color:#424242;
	font-size:15px;
	display: block;
}
.loc_info i {
	color:#424242;
}
/*loc_link*/
.loc_link {
	padding:1em 0 1em 0;
	text-align:left;
}
.loc_link div {
	display:inline-block;
	padding-right:1em;
	text-align:left;
}
.locbtn {
}
.locbtn a {
	position: relative;
    font-weight: 700;
    background-color: #aaaaaa;
    border-radius: 0.4em;
    display: inline-block;
    margin:.5em;
	width:90%;
}
.locbtn i {
	color:#791313;
}
.others {
}
.others a {
	color:#791313;
	position:relative;
	transition:.2s linear;
}
.others img {
	max-width:100%;
}
.others a:hover {
	transform:translateY(-10px);
}
.push .inner {
  display: block;
  text-align:center;
  background-color: #fff;
  border-radius: 0.4em;
  border: 0.2em solid #aaaaaa;
  padding: .7em 1em;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform: translate3d(0.3em, -0.3em, 0);
          transform: translate3d(0.3em, -0.3em, 0);
  transition: -webkit-transform 240ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 240ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 240ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 240ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: 220ms;
  color:#791313;
  font-size:20px;
}
.push:active .inner, .push.click .inner {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: -webkit-transform 120ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 120ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 120ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 120ms cubic-bezier(0.23, 1, 0.32, 1);
}
/*green*/
.green {
	background:rgba(137,201,151,.15);
}
.green .loc_info h3 {
	color:#206e68;
}
.green .loc_info h3 i {
	color:#206e68;
}
/*blue*/
.blue {
	background:#e7f6fb;
}
.blue .loc_info h3 {
	color:#316d84;
}
.blue .loc_info h3 i {
	color:#316d84;
}
/*yellow*/
.yellow {
	background:#fff2cb;
}
.yellow .loc_info h3 {
	color:#b38701;
}
.yellow .loc_info h3 i {
	color:#b38701;
}
/*Purple*/
.Purple {
	background:#f1eafe;
}
.Purple .loc_info h3 {
	color:#330585;
}
.Purple .loc_info h3 i {
	color:#330585;
}
/*Red*/
.Red {
	background:#feeaea;
}
.Red .loc_info h3 {
	color:#ed1919;
}
.Red .loc_info h3 i {
	color:#ed1919;
}
	@media screen and (max-width:1150px) {
		.map {
			width:100%;
		}
		.map iframe {
			width: 100%;
			min-height: 440px;
		}
		.loc_info {
			width:98%;
			padding-top:1em;
		}
		.location {
			margin-bottom:.3em;
		}
		.loc_info ul {
			padding:1em;
		}
		.loc_link {
			padding:0;
		}
	}
	@media screen and (max-width:768px) {
		.map iframe {
			min-height: 400px;
		}
	}
	@media screen and (max-width:600px) {
		.map iframe {
			min-height: 300px;
		}
		.loc_link div {
			width:31%;
			padding:0;
		}
		div.others {
			padding-left:.5em;
		}
		.push .inner {
			font-size:17px;
		}
	}
	@media screen and (max-width:500px) {
		.map iframe {
			min-height: 280px;
		}
		.loc_link div {
			width:30%;
		}
		.push .inner {
			padding: .5em 0em;
		}
		.loc_info h3,.loc_info h3 i {
			font-size:27px;
		}
		.loc_info li {
			font-size:18px;
		}
		.loc_info span {
			font-size:14px;
		}
	}
	@media screen and (max-width:430px) {
		.loc_info li {
			padding:.5em;
		}
		.loc_info ul {
			padding: .5em;
		}
	}
	@media screen and (max-width:380px) {
		.push .inner {
			font-size:14px;
		}
		.locbtn a {
			margin:.3em;
		}
	}
/*******/
#area,.loc_height,#about {
	transform:translateY(-160px);
}
	@media screen and (max-width:1024px) {
		#area,.loc_height,#about {
			transform:translateY(-120px);
		}
	}
	@media screen and (max-width:768px) {
		#area,.loc_height,#about {
			transform:translateY(-90px);
		}
	}
/*---question----------------------------------------------------------------------------------------------------------------------------*/
.question {
	width:1440px;
	margin:0 auto 5em;
	max-width:100%;
	background:url(../../images/qa_bg.png) repeat;
	text-align:center;
	padding:1em;
}
/*wrap*/
.wrap {
	background:rgba(255,231,209,.75);
}
.question ul {
	text-align:left;
	font-weight:normal;
	color:#000;
	padding:3em 5em;
}
.question li {
	list-style:decimal;
	padding-bottom:1em;
}
.question li strong {
	color:#da0b0b;
}
.question li p {
}
.question li span {
	color:#1f3e9a;
    display: block;
}
/*qa_deco*/
.qa_deco {
	text-align:right;
	padding-bottom:2em;
}
.qa_deco div {
	display:inline-block;
	text-align:center;
	padding:0 3em;
	vertical-align:middle;
	width:50%;
}
.qa_deco p:nth-of-type(1) {
	color:#d7cbbf;
	font-family:serif;
	font-size:36px;
	font-style:italic;
}
.qa_deco p:nth-of-type(2) {
	color:#944423;
	font-size:30px;
	padding-bottom:.1em;
	font-weight:normal;
}
.qa_deco h3 {
	display:block;
	padding-top:.3em;
	border-top:solid 1px #fff;
	color:#944423;
	font-size:40px;
	font-style:italic;
	vertical-align:bottom;
}
.qa_deco span {
	background:#fff;
	color:#944423;
	font-size:24px;
	border-radius:30px;
	padding:10px;
	font-style: initial;
	display:inline-block;
	vertical-align:bottom;
}
.qa_deco img {
	vertical-align:middle;
	padding-left: 6em;
    width: 41%;
}
	@media screen and (max-width:1200px) {
		.question ul {
			padding: 2em 3em;
		}
		.qa_deco div {
			width:56%;
			padding: 0 2em 0 1em;
		}
	}
	@media screen and (max-width:1010px) {
		.qa_deco h3 {
			font-size:38px;
		}
		.qa_deco p:nth-of-type(1) {
			font-size:32px;
		}
		.qa_deco img {
			padding-left:3em;
		}
	}
	@media screen and (max-width:900px) {
		.qa_deco div {
			width: 700px;
			padding: 0 1em 0 1em;
			margin: 0 auto;
			max-width: 90%;
			display: block;
		}
		.qa_deco img {
			padding-left: 0em;
			padding-top: 1em;
		}
	}
	@media screen and (max-width:600px) {
		.question ul {
			padding: 2em 2.5em;
		}
		.qa_deco span {
			font-size:17px;
		}
		.qa_deco div {
			padding:0;
		}
		.qa_deco p:nth-of-type(2) {
			font-size:4.5vmin;
		}
	}
	@media screen and (max-width:500px) {
		.qa_deco span {
			display: block;
			width: 160px;
		}
		.question {
			margin: 0 auto 3em;
		}
		.qa_deco img {
			width:55%;
		}
	}
	@media screen and (max-width:430px) {
		.question ul {
			padding: 1em 1em 1em 2.5em;
		}
		.qa_deco p:nth-of-type(1) {
			font-size: 25px;
		}
	}

/*************************
********services_order*****
**************************/

#services_order {
	padding-bottom:5em;
}

.order {
	width: 70%;
	margin: 0 auto;
}

.order_title {
	text-align: center;
	padding-bottom:.5em;
}

@media(max-width:1199px) {
	.order {
		width: 95%;
	}
}

@media (max-width: 992px) {
	.form-horizontal .control-label {
		text-align: left;
	}
}

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

.ripple {
	text-align: center;
}

.form-control,
output {
	font-size: 18px;
	letter-spacing: 1px;
}
/****mob_btn******/
.mob_btn {
	display:none;
	padding:2em 1em 0;
	text-align:center;
}
.mob_btn ul {
}
.mob_btn li {
	display:inline-block;
	vertical-align:top;
	width:48%;
	padding:0 .5em;
}
.mob_btn a {
}
.mob_btn img {
	max-width:100%;
}
	@media (max-width:500px) {
		.mob_btn {
			display:block;
		}
	}
/*---inews---------------------------------------------------------------------------------------------------------------------------------*/
.inews {
	position:absolute;
	bottom:1em;
	left:2em;
	z-index:5;
	background:url(../../images/inews_bg.png) top center no-repeat;
	width:352px;
	height:247px;
	text-align:left;
	padding: 1em 1em 1em 4em;
}
.inews img {
	max-width:100%;
}
.inews span {
	color:#fff;
	display:block;
	font-weight:normal;
	padding:.5em 0;
}
/***mob_inews***/
.mob_inews {
	background:#e5e5e5;
	padding:1em 1em;
	text-align:center;
	display:none;
}
.mob_inews p {
	display:inline-block;
	color:#fff;
	font-size:20px;
	background:#000000;
	padding:5px 15px;
	border-radius:20px;
	margin-bottom:1em;
	font-weight:normal;
	box-shadow: 0px 3px 5px rgba(0,0,0,.3);
}
.mob_inews span {
	display:block;
	font-weight:normal;
	width:600px;
	margin:0 auto;
	max-width:100%;
}
	@media (max-width:991px) {
		.inews {
			display:none;
		}
		.mob_inews {
			display:block;
		}
	}