@import url(http://fonts.googleapis.com/css?family=Pinyon+Script);
@import url(reset.css);
html{
	-webkit-text-size-adjust:none;
}
.point{
	text-align:center;
	line-height:3;
	font-weight:bold;
	font-size:18pt;
}
.row{
  height: auto;
  overflow: hidden;
}
img{
border:0;
}
*{
font-family:微軟正黑體;
}
body{
	margin:0;
	padding:0;
	font-family:微軟正黑體;
	width:100%;
	overflow-x:hidden;
}
a{
	text-decoration:none;
}
/* 設定提示字的文字顏色 */
::-webkit-input-placeholder {
	color: #762b06;
}
:-moz-placeholder {
	color: #762b06;
}
.placeholder {
	color: #762b06;
}
.float_doing_box { 
	position:fixed; 
	_position:absolute;
	top:0; 
	right:0;
	z-index: 999999; 
}
.lineicon {
	width: 37px;
	vertical-align:middle;
	-moz-animation: flip 0s!important;
	-webkit-animation: flip 0s!important;
}
.css_btn_class {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d83526;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #fc819a 5%, #ef2151 100% );
	background:-ms-linear-gradient( top, #fc819a 5%, #ef2151 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc819a', endColorstr='#ef2151');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fc819a), color-stop(100%, #ef2151) );
	background-color:#fc819a;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #b23e35;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #f29c93;
 	-moz-box-shadow:inset 1px 1px 0px 0px #f29c93;
 	box-shadow:inset 1px 1px 0px 0px #f29c93;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #ef2151 5%, #fc819a 100% );
	background:-ms-linear-gradient( top, #ef2151 5%, #fc819a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef2151', endColorstr='#fc819a');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ef2151), color-stop(100%, #fc819a) );
	background-color:#ef2151;
}.css_btn_class:active {
	position:relative;
	top:1px;
}
.over{
	max-height:none!important;
	overflow:auto!important;
	height:auto!important;
}
.phone{display:none;}

#btn{
	display:none;
}
.mo_foot{display:none;background:none;position:absolute;width:100%;bottom:0;left:0}
.mo_foot a{color:#000;text-decoration:none}
.nav{
	background:rgba(255,255,255,0.5);
	position:fixed;
	top:0;
	width:100%;
	padding:0 15%;
	box-sizing:border-box;
	z-index:999;
}
.viewing-page-1 .nav,.viewing-page-5 .nav{
	background: rgba(255, 216, 175, 0.4);
}
.viewing-page-2 .nav,.viewing-page-4 .nav{
    background: rgba(224, 214, 204, 0.4);
}
.viewing-page-3 .nav,.viewing-page-6 .nav{
    background: rgba(250, 255, 219, 0.4);
}

.nav img{
	float:left;
}
.nav .d{
	height:auto;
	overflow:hidden;
	padding-left:2%;
	box-sizing:border-box;
}
.nav li{
	float:left;
	width:17.7%;
	list-style-type:none;
	/*margin:15px auto;*/
	margin:28.5px 1% 16.5px;
	font-family:微軟正黑體;
	font-size:14pt;
	text-align:center;
	font-weight:bold;
	color:#fff;
	/*padding: 22px 0;*/
	padding: 16px 0;
}

section{
	padding-top:100px;
	height:100vh;
	box-sizing:border-box;
	clear:both;
}
.ap {
	clear:both;
}
.fs-36{
	font-size:36pt;
}
.fs-32{
	font-size:32pt;
}
.fs-26{
	font-size:26pt;
}
.fs-22{
	font-size:22pt;
}
.fs-16{
	font-size:16pt;
}
.col-6{
	width:50%;
	float:left;
}
#home{
	background:url(../images/bg.jpg);
	background-size:cover;
	background-position:right;
	position:relative;
}

#home .sl{
	margin-top:140px;
}
#home .sl .box1{
	width:100%;
	height:100%;
	vertical-align:middle;
	text-shadow: 3px 3px #eee;
	margin:15px 0;
	text-align:center;
	font-size:26pt;
	line-height:2;
	font-weight:bold;
	letter-spacing:2px;

}
#home .sl .box1 span{
	font-size:32pt;
	font-weight:bolder;	
	text-shadow: 3px 3px #eee;
}
#home .call{
	text-shadow: 3px 3px #eee;
	width:100%;
	color:#84462d;
	font-size:18pt;
	text-align:center;
	font-weight:bold;
	line-height:1.4;
}
#about .ap{
	box-sizing: border-box;
	clear:both;
	width:100%;
	margin:15px auto;
	font-family:微軟正黑體;
	color:#762b06;
	font-weight:bold;
	font-size:18pt;
	line-height:2;
	letter-spacing:2px;
	text-align: justify;
	text-justify:inter-ideograph;
	text-align:center;
	padding:15px 8px;
	border-radius:15px;
}
#service{
	background:#e9eae4;
	position:relative;
}
#service img{
	position:absolute;
	bottom:0;
	right:0;
	width:30%;
}
#service .ap{
	box-sizing: border-box;
	clear:both;
	width:100%;
	margin:15px auto;
	font-family:微軟正黑體;
	color:#fff;
	font-weight:bold;
	font-size:18pt;
	line-height:1.6;
	letter-spacing:2px;
	text-align: justify;
	text-justify:inter-ideograph;
	background: rgb(216,104,126); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDg2ODdlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhMmY0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  rgba(216,104,126,1) 0%, rgba(170,47,68,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(216,104,126,1)), color-stop(100%,rgba(170,47,68,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(216,104,126,1) 0%,rgba(170,47,68,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(216,104,126,1) 0%,rgba(170,47,68,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(216,104,126,1) 0%,rgba(170,47,68,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(216,104,126,1) 0%,rgba(170,47,68,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8687e', endColorstr='#aa2f44',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	text-align:center;
	padding:15px 8px;
	border-radius:15px;
}
#service .sp{
	border-radius: 8px;
	width:31%;
	height:210px;
	margin:15px 1%;
	float:left;
	text-align:center;
	list-style-type:none;
	color:#444;
	font-size:18pt;
	background: rgba(245,245,245,1);
	padding:2px;
	box-sizing:border-box;
	border:solid #efefef 1px;
	box-shadow: 1px 1px 10px #efefef; 
	-webkit-box-shadow: 1px 1px 10px #efefef; 
	-moz-box-shadow: 1px 1px 10px #efefef; 	
	line-height:1.4;
	font-weight:bold;
}
#service .bp{
	margin:5px 0;
	color: #762b06;
	text-align:right;
	font-size:16pt;
	font-weight:bold;
	letter-spacing:1px;
}
#service .sp p{
	font-size:16pt;
	font-weight:normal;
}
#service .sp:hover{
	box-shadow: 1px 1px 10px #ccc; 
	-webkit-box-shadow: 1px 1px 10px #ccc; 
	-moz-box-shadow: 1px 1px 10px #ccc; 	
}
#service .sp i{
	font-size:60px;
	line-height:60px;
	padding-top:20px;
	font-style:normal;
	
}
#service .sp p{
	text-align:center;
}
.lcon{
	z-index:2;
	width:60%;
	margin:0 auto;
	padding:70px 0 0 ;
	height: auto;
	overflow: hidden;
}
.acon{
	width:100%;
}
.ccon{
	padding:80px 0 0 ;
	width:60%;
	margin:0 auto;
}
#location .ccon{
	padding:5px 0 0;
	width:70%;
	margin:0 auto;
}
#location .title{
	margin-bottom:0;
}
.map{
	height:32px
}
.title{
	text-shadow: 3px 3px #eee;
	margin:0 0 20px 0;
	font-family:微軟正黑體;
	color:#f66200;
	font-weight:bolder;
	font-size:28pt;
	line-height:1.6;
	letter-spacing:2px;
	text-align:center
	
}


#service {
	position: relative;
	background:url(../images/bg3.jpg) bottom;
	background-size:cover;
}

#about{
	clear: both;
	background:url(../images/bg5.jpg) top center;
	background-size:cover;
}
#about .con{
	margin:50px auto 0 ;
	width:50%;
	
}
#about .con li {
	list-style-type:none;
	width:250px;
	height:250px;
	background:#893f45;
	color:#fff;
	margin:10px;
	float:left;
	text-align:center;
	font-family:微軟正黑體;
	font-size:20pt;
	padding:20px 10px;
	box-sizing:border-box;
	
}
#about .con .in{
	clear:both;
	color:#893f45;
	font-weight:bold;
	padding:5px 10px;
	font-size:14pt;
}
#about .con li b{
	font-size:24pt;
}
#about .con li span{
	line-height:1.4
}
#about .con .g{
	background:#ffe5f7;
	color:#893f45;
}
.phone .eqli dd{
	display:none;
}
.phone .eqli dt{
	background:#893f45;
	list-style-type: none;
	text-align: center;
	color: #fff;
	padding: 5px 0;
	font-size: 14pt;
	font-family: 微軟正黑體;
	width: 100%;
	float: left;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	cursor:pointer;
}
#location .phone .box{
	width:100%!important;
	height: auto;
	overflow: hidden;
}
.phone #text{
	max-height: inherit!important;
	height:auto!important;
	width:100%!important;
}
.phone .eqli{ 
	background:none!important;
}
#location{
	background:url(../images/bg4.jpg) bottom;
	background-size:cover;
}

#location .box{
	padding:0 40px 60px;
	box-sizing:border-box;
	width:75%;
}
#location .box #title{
	color: #762b06;
	font-weight:bold;
	font-size:16pt;
	font-family:微軟正黑體;
}
#location .box #text{
	font-size:14pt;
	line-height:1.4;
	letter-spacing:2px;
	text-align: justify;
	text-justify:inter-ideograph;
	font-weight:600;
	color:#333;
	font-family:微軟正黑體;
	margin-bottom:5px;
}
#location .box b{
	background:#ff0000;
	padding:2px 5px;
	border-radius:15px;
	color:#fff;
	float:left;
	font-family:微軟正黑體;
}
#location .box #note{
	padding:2.4px 5px 2px;
	letter-spacing:2px;
	color:#222;
	font-family:微軟正黑體;
	margin-bottom:15px;
}
#location .eqli{
	width:100%;
	background:#893f45;
	height:auto;
	overflow:hidden;
	margin-top:10px;
	border-radius:5px;
	padding:0 0%;
	box-sizing:border-box;

}
.lr{
	clear: both;
	width: 25%;
	text-align: right;
}
.lr i{
	font-size:30px;
	margin-right:10px;
}
#location .eqli a{
	text-decoration:none;
}
#location .eqli li:hover,li.active{
	background:#9b6264;
}
#location .eqli li{
	list-style-type:none;
	text-align:center;
	color:#fff;
	padding:2px 0;
	font-size:14pt;
	font-family:微軟正黑體;
	width:25%;
	float:left;
	height:28px;
	line-height:28px;
	overflow:hidden;
}
#process{
	background:#e9eae4;
	position:relative;
}
#process {
	position: relative;
	background:url(../images/bg5.jpg) top center;
	background-size:cover;
}
#process .protitle{
	color:#ef2151;
	font-weight:bold;
	font-size:20pt;
	margin-top:20px;
}
#process  .ps li{
	list-style-type:disc!important;
	list-style-position: inside;
	font-weight:normal;
	color: #f66200;
	padding-left:3em!important;
	text-indent:-1em!important;
}
#process .ap{
	width:100%;
	height:auto;
	overflow:auto;
	margin:0;
	font-family:微軟正黑體;
	color:#762b06;
	font-weight:bold;
	font-size:18pt;
	line-height:1.6;
	letter-spacing:2px;
	text-align: justify;
	text-justify:inter-ideograph;
	padding:5px;
}
#process .ap li{
	padding-left: 2em;
	text-indent: -2.1em;
	list-style-type:decimal-leading-zero;
}
#process .ap b{
	color:#893f45;
}
#location .ap{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0;
	font-family: 微軟正黑體;
	color: #762b06;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 1px;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 0px 0px;
	  font-size: 11.5pt;
}
#location .ap li{
	padding-left: 1.5em;
	text-indent: -1em;
	list-style-type: disc;
	list-style-position: inside;
}

#location  .ltitle{
	margin-bottom: 3px;
	text-align: left;
	padding: 1px 3px;
	text-indent: 0;
	box-sizing: border-box;
	list-style-type: none!important;
	font-size: 18pt;
	color: #fff;
	background: #fba751;
	
}
#location  p{
	color: #ef2151;
	line-height:1.6;
}
#location a{
	text-decoration:none;
}
#contact {
	position: relative;
	background:url(../images/bg2.jpg) bottom;
	background-size:cover;
}
/*#contact .col-6{
	width:48%;
	margin:0 1%;
	float:left;
}*/
#contact .col-6{
	width:100%;
}
#contact .col-3{
	width:25%;
	float:left;
	text-align: center;
}
#contact .col-3 img{
	margin:0 auto;
	border:1px dashed #fdd3aa;
	max-width:95%;
}
#contact .out .col-6{
	width:50%;
	float:left;
	margin:0;
}
#contact .out{
	width:90%;
	margin:0 auto;
}
#contact .ap{
	text-align:center;
	color: #762b06;
	font-weight: bold;
	font-size: 17pt;
	line-height: 1.6;
}
#contact button{
	line-height:1;
	font-family:微軟正黑體;
	height:35px;
	width:90%;
	margin:0 auto;
	font-size: 14pt;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #d83526;
	padding: 9px 18px;
	text-decoration: none;
	background: -moz-linear-gradient( center top, #fc819a 5%, #ef2151 100% );
	background: -ms-linear-gradient( top, #fc819a 5%, #ef2151 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc819a', endColorstr='#ef2151');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #fc819a), color-stop(100%, #ef2151) );
	background-color: #fc819a;
	color: #ffffff;
	display: inline-block;
	text-shadow: 1px 1px 0px #b23e35;
	-webkit-box-shadow: inset 1px 1px 0px 0px #f29c93;
	-moz-box-shadow: inset 1px 1px 0px 0px #f29c93;
	box-shadow: inset 1px 1px 0px 0px #f29c93;
}
#contact button:hover {
	background:-moz-linear-gradient( center top, #ef2151 5%, #fc819a 100% );
	background:-ms-linear-gradient( top, #ef2151 5%, #fc819a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef2151', endColorstr='#fc819a');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ef2151), color-stop(100%, #fc819a) );
	background-color:#ef2151;
}
#contact input{
	height:35px;
	margin:5px auto;
	line-height:35px;
	font-size:14pt;
	color: #762b06;
	background:rgba(255,255,255,0.8);
	border:1px dashed #fdd3aa;
	padding:0 5px;
	box-sizing:border-box;

}
#contact textarea{
	line-height:35px;
	margin:5px auto;
	font-size:14pt;
	color: #762b06;
	background:rgba(255,255,255,0.8);
	border:1px dashed #fdd3aa;
	padding:0 5px;
	box-sizing:border-box;

}
.foot {
	background: rgba(233,234,228,0.8);
	height: 60px;
	text-align: center;
	line-height: 30px;
	bottom: 0;
	width: 100%;
	position:absolute;
}
.foot a{
	color:#000;
	text-decoration:none;
}

@media screen and (max-width: 1700px){
	.nav{
		padding:0 6%;
	}
	.ps{
		font-size:16pt;
		letter-spacing:1px;
	}
	#location .ap{
		font-size:14pt;
		line-height:1.3
	}
}
@media screen and (max-width: 1600px){
	
	#location .ap{
		font-size:14pt;
	}
	#location .title {
	text-shadow: 3px 3px #eee;
	margin: 0 0 0px 0;
	font-family: 微軟正黑體;
	color: #f66200;
	font-weight: bolder;
	font-size: 28pt;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: center;
	}
	#home .sl {
	margin-top: 20px;
	}
	.ps{
		font-size:16pt;
		letter-spacing:1px;
	}
	.apbg{
	background:rgba(255,255,255,0.6);
	border-radius:5px;
	padding:10px;
	box-sizing:border-box;
}
	#location .ccon{
	padding:5px 0 0 5%;
}
	.nav{
		padding:0 5%;
	}
	.lcon {
		padding: 10px 0 0;
		width:70%;
		margin:0 auto;
	}
	.ccon {
	padding: 10px 0 0;
	width:70%;
	margin:0 auto;
	}
	#service .ap {
	font-size: 16pt;
	line-height: 1.6;
	}
	#contact .ap {
	font-size: 16pt;
	line-height: 1.6;
	}
	#about .con {
	margin: 10px 0 10px;
	width: 800px;
	float: right;
	}

	#about .con li {
	list-style-type: none;
	width: 220px;
	height: 190px;
	background: #893f45;
	color: #fff;
	margin: 5px;
	float: left;
	text-align: center;
	font-family: 微軟正黑體;
	font-size: 18pt;
	padding: 10px 10px;
	box-sizing: border-box;
	}
	#about .title ,#process .title {
	margin: 0 0 5px 0;
	font-family: 微軟正黑體;
	color: #f66200;
	font-weight: bolder;
	font-size: 28pt;
	line-height: 1.6;
	letter-spacing: 2px;
	}
	#process .ap {
	width: 1000px;
	overflow: auto;
	margin: 0;
	font-family: 微軟正黑體;
	color: #762b06;
	font-weight: bold;
	font-size: 16pt;
	line-height: 1.6;
	letter-spacing: 2px;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 5px;
	}

	#location .box #title {
	color: #762b06;
	font-weight: bold;
	font-size: 16pt;
	font-family: 微軟正黑體;
	margin: 0 0 5px;
	}
	#location .box {
	padding: 0 40px 60px;
	box-sizing: border-box;
	width: 90%;
	}
	#location .box #text {
	font-size: 13pt;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #333;
	max-height: 340px;
	overflow: auto;
	font-family: 微軟正黑體;
	max-height:220px;
	}
	#location .eqli li {
	font-size: 13pt;
	}

	
}


@media screen and (max-width: 1440px){
	#location .ap {
	font-size: 12pt;
	}
	.map{
		height:18px;
	}
	#home .sl .box1{
		line-height:1.8;
	}
	#about .ap{
		line-height:1.8;
	}
	#service .ap{
		margin:0 auto;
		line-height:1.6;
	}
	#service .sp {
	  border-radius: 8px;
	  width: 31%;
	  height: 210px;
	  margin: 5px 1%;
	  float: left;
	}
	#location .ap{
		font-size:11pt;
		
	}
}
@media screen and (max-width: 1280px){
	
	#process .ap li{
		letter-spacing:0;
	}
	.nav{
		padding:0 0%;
	}
	.nav li{
		width:17%;
	}
	.lcon ,.ccon{
	padding: 20px 0 10px ;
	width:90%;
	margin:0 5%;
	}
	#process .ap{
		width:100%;
	}
	#about .con {
	margin: 10px 0 10px;
	width: 730px;
	float: right;
	}
}

@media screen and (max-width: 1024px){

	#home .sl {
	margin-top: 0px;
	}
	#location .lcon{
		padding:0 0 0 ;
	}
	#location .eqli {
	width: 100%;
	background: #893f45;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	border-radius: 5px;
	padding: 0%;
	box-sizing: border-box;
	}
}
@media screen and (max-width: 999px){
	#process {
		position: relative;
		background:url(../images/bg5p.jpg) top center;
		background-size:cover;
	}
	#contact {
		position: relative;
		background:url(../images/bg2p.jpg) bottom;
		background-size:cover;
	}
	#service {
		position: relative;
		background:url(../images/bg3p.jpg) bottom;
		background-size:cover;
	}
	#home {
	padding-top: 0px;
	background: url(../images/bgp.jpg);
	background-size: cover;
	background-position: right;
	}
	#about{
		clear: both;
		background:url(../images/bg5p.jpg) top center;
		background-size:cover;
	}
	#location {
	background: url(../images/bg4p.jpg)left bottom no-repeat;
	}
	
	.fs-36{
		font-size:32pt
	}
	.fs-32{
		font-size:28pt
	}
	.fs-26{
		font-size:22pt
	}
	.fs-22{
		font-size:18pt;
	}
	.fs-16{
	font-size:14pt;
	line-height:1.4;
	
}
	#home .sl{
		margin:60px auto;
		padding-bottom:50px;
	}
	#service .sp{
		width:90%;
		margin:10px 5%;
	}
	.nav .d{
	height:auto;
	overflow:hidden;
	padding-left:0%;
	box-sizing:border-box;
	}
	.css_btn_class {
	font-size: 16px;
	font-weight: normal;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: none;
	padding:none;
	text-decoration: none;
	background: none;
	background:none;
	filter: none;
	background: none;
	background-color: none;
	display: inline-block;
	text-shadow: 0px 0px 0px;
	-webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
	box-shadow: inset 0px 0px 0px 0px #ffffff;
	}
	
	#location .box{
		padding-bottom:0;
	}
	section {
	padding-top: 50px;}
	
	#btn{
	display:block;
	cursor:pointer;
	position: absolute;
	right: 5%;
	top: 15%;
	font-size: 28px;
	color:#ef2151;
	padding:5px;
	}
	
	.nav{
		text-align:center;
		height: 50px;
	}
	.d{
		display:none;
	}
	.d a{
		text-decoration:none;
	}
	.nav img{
		float:none;
		height:100%;
	}
	.nav li{
		width:100%;
		float:none;
		background:#ef2151;
		color:#fff;
		font-size:12pt;
		margin:0;
		font-weight:normal;
		border-bottom:solid #fff 1px;
	}
	.nav .last{
		border-radius:0 0 8px 8px;
		border-bottom:0;
	}
	.onepage-pagination {
		display:none;
	}
	#service .ap {
	margin: 0 auto;
	font-family: 微軟正黑體;
	font-weight: bold;
	font-size: 16pt;
	line-height: 1.6;
	letter-spacing: 2px;
	text-align:center;
	}
	#contact .ap {
	width: 90%;
	margin: 0;
	font-family: 微軟正黑體;
	font-weight: normal;
	font-size: 14pt;
	line-height: 1.6;
	letter-spacing: 0px;
	text-align: center;
	}
	#contact .col-6{
		width:95%;
		float:none;
		margin:0 auto;
		height:auto;
		overflow:hidden;
	}
	#contact .out{
		width: 90%;
		float:none;
		margin:0;
		text-align:center;
	}
	#contact .out .col-6{
		width:100%;
		margin:10px auto 15px;
	}
	#contact .out .col-3{
		width: 40%;
		margin: 0 5%;
	}
	#process .ap {
	width: 100%;
	height:auto;
	overflow: auto;
	margin: 0;
	font-family: 微軟正黑體;
	color: #762b06;
	font-weight: bold;
	font-size: 14pt;
	line-height: 1.6;
	letter-spacing: 2px;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 5px;
	}
	.lr{
	clear: both;
	width: 28%;
	text-align: right;
}
	section{
		height:auto!important;
		position:relative!important;
		top:0!important;/*padwhite*/
		min-height:0!important;
	}
	.mo_foot{
	display:block;
	padding:5px;
	font-size:10pt;
	line-height:1.6;
	box-sizing:border-box;
	position:fixed;
	bottom:0;
	height:auto;
	overflow:hidden;
	width:100%;
	}
	/*.mo_foot li{ //線上諮詢
		width: 31.33%;
		margin: 0 1%;
		float: left;
		list-style-type: none;
		line-height: 40px;
		height: 40px;
		border-radius: 5px;
		color: #fff;
		vertical-align: middle;
		text-align: center;
		text-indent: 20px;
		font-size:11pt;
	}*/
	.mo_foot li{
		width: 48%;
		margin: 0 1%;
		float: left;
		list-style-type: none;
		line-height: 40px;
		height: 40px;
		border-radius: 5px;
		color: #fff;
		vertical-align: middle;
		text-align: center;
		text-indent: 20px;
		font-size:11pt;
	}
	li.line {
	background: #00c300 url(../images/lineicon.png)-11px -9px no-repeat;
	background-size: 58px;
	}
	li.service {
	background: #008bd2 url(../images/service.png)1px 4px no-repeat;
	background-size: 32px;
	}
	li.phone {
	background: #dd5842 url(../images/phone.png)1px 4px no-repeat;
	background-size: 32px;
	}
	.foot {
	display:none;
	}
	.phone{
	display:block;
	}
	.destop{
	display:none;
	}
	.phone .eqli{margin: 0 5% 15px!important;}
	.mo_foot{
		position:fixed;
		bottom:0;
	}
	section{
		padding-bottom:85px;
	}
	.col-6{
		width:100%;
		float:none;
	}
}
@media screen and (max-width: 750px){
	#about .ap{
		letter-spacing:0;
	}
	
	#home .call{
		font-size:16pt
	}
	.fs-36{
		font-size:26pt
	}
	.fs-32{
		font-size:20pt
	}
	.fs-26{
		font-size:20pt
	}
	.fs-22{
		font-size:16pt;
	}
	.fs-16{
	font-size:12pt;
}
	#service .sp {
	border-radius: 8px;
	height: auto;
	text-align: center;
	list-style-type: none;
	color: #777;
	font-size: 16pt;
	background: rgba(245,245,245,0.7);
	padding: 5px;
	box-sizing: border-box;
	border: solid #efefef 1px;
	box-shadow: 1px 1px 10px #efefef;
	-webkit-box-shadow: 1px 1px 10px #efefef;
	-moz-box-shadow: 1px 1px 10px #efefef;
	line-height: 1.4;
	}
	#service .sp i {
	font-size: 40px;
	line-height: 40px;
	padding-top:20px;
	font-style: normal;
	}
	#service .sp p{
		font-size:14pt;
	}
	#service .bp {
	margin: 5px 0;
	color: #762b06;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	letter-spacing: 0px;
	}
	
	#home .sl .box1{
	font-size: 16pt;
	letter-spacing: 0px;
	text-shadow: 2px 2px 5px #efefef;
	}
	#home .call{
	text-shadow: 3px 3px 6px #eee;
	}
	.wrapper{
		height:auto;
		overflow:auto;
	}
	#location .box #note{
		clear:both;
		padding-bottom:5px;
	}
	#about .con .a{
	background:#eaadcc;
	}
	#about .con .b{
	background:#893f45;
	}
	.mo_foot{
	display:block;
	padding:5px;
	font-size:12pt;
	line-height:1.6}
	section{
	padding-top:40px;
	box-sizing:border-box;
	height:auto!important;
	min-height:0!important;
}
	.lcon, .ccon {
	padding: 20px 0 10px;
	width:95%;
	margin:0 auto;
	}
	#about .con {
	margin: 20px auto 10px;
	width: 95%;
	float: none;
	}
	.title {
	margin: 0 0 5px 0;
	font-family: 微軟正黑體;
	color: #f66200;
	font-weight: bolder;
	font-size: 20pt;
	line-height: 1.6;
	letter-spacing: 2px;
	}
	#about .title, #process .title {
	margin: 0 0 5px 0;
	font-family: 微軟正黑體;
	color: #f66200;
	font-weight: bolder;
	font-size: 20pt;
	line-height: 1.6;
	letter-spacing: 2px;
	}
	#service .ap {
	height:auto;
	width:95%;
	margin: 0 auto;
	font-family: 微軟正黑體;
	font-weight: normal;
	font-size: 12pt;
	line-height: 1.4;
	letter-spacing: 0px;
	text-align:center
	}
	#contact .ap {
	width: 100%;
	height:auto;
	overflow-y:auto;
	margin: 0;
	font-family: 微軟正黑體;
	font-weight: normal;
	font-size: 12pt;
	line-height: 1.4;
	letter-spacing: 0px;
	text-align: center;
	}
	#contact .col-6{
		width:95%;
		float:none;
		margin:0 auto;
	}
	#contact .out{
		width:100%;
		float:none;
		margin:0;
		text-align:center;
	}
	#contact .out .col-6{
		width:100%;
		margin:5px auto;
	}
	#contact .out .col-3{
		width: 40%;
		margin: 0 5%;
	}
	#about .con li {
	list-style-type: none;
	width: 48%;
	height: 110px;
	background: #893f45;
	color: #fff;
	margin: 1%;
	float: left;
	text-align: center;
	font-family: 微軟正黑體;
	font-size: 12pt;
	padding: 10px;
	box-sizing: border-box;
	line-height:0.8;
	}
	#about .con li b {
	font-size: 16pt;
	}
	#about .con .in {
	clear: both;
	color: #893f45;
	font-weight: bold;
	padding: 5px 10px;
	font-size: 12pt;
	}
	#process .ap {
	width: 100%;
	overflow: auto;
	margin: 0;
	font-family: 微軟正黑體;
	color: #762b06;
	font-weight: normal;
	font-size: 12pt;
	line-height: 1.4;
	letter-spacing: 0px;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 5px;
	}
	#process .ap li {
	padding-left: 2.5em;
	text-indent: -1.6em;
	}
	#process .ap b {
	color: #893f45;
	font-size: 10px;
	padding-left:2em;
	}
	#process .ps{
		font-size:11pt;
	}
	#process .protitle{
		font-size:18pt;
	}
	#location .ap {
	width: 100%;
	overflow: auto;
	margin: 0;
	font-family: 微軟正黑體;
	color: #762b06;
	font-weight: normal;
	font-size: 12pt;
	line-height: 1.2;
	letter-spacing: 0px;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 5px 0;
	}
	#location .ap li {
	padding-left: 1.5em;
	text-indent: -1em;
	line-height:25px;
	}

	.lr{
	clear: both;
	width: 100%;
	text-align: right;
}
	#location{
	height:auto!important;
	}
	.map{
		height:25px
	}
	#location .box {
	padding: 0 10px;
	box-sizing: border-box;
	width: 100%;
	float: none;
	height:auto;
	}

	#location .box #title {
	color: #762b06;
	font-weight: normal;
	font-size: 14pt;
	font-family: 微軟正黑體;
	margin: 0 0 5px;
	}
	#location .box #text {
	font-size: 12pt;
	line-height: 1.2;
	letter-spacing: 0px;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #333;
	overflow: auto;
	height:280px;
	font-family: 微軟正黑體;
	font-weight:normal;
	}
	#location .ccon{
	padding-bottom: 10px;
	}
}
@media screen and (max-width: 480px){
	.fs-26 {
	font-size: 19pt;
	}
	.lineicon {
	width: 23px;
	vertical-align: middle;
	}
}
@media screen and (max-width: 320px){
	#about .ap{
	font-size:16pt;
}
	.mo_foot li{
		font-size:10pt;
	}
	.fs-36{
		font-size:24pt
	}
	.fs-32{
		font-size:18pt
	}
	.fs-26{
		font-size:18pt
	}
	.fs-22{
		font-size:15pt;
	}
	#service .bp{
		font-size:13pt;
	}
	#home .sl .box1 {
	font-size: 14pt;
	letter-spacing: 0px;
	text-shadow: 1px 1px 3px #efefef;
	}
	.mo_foot{
	display:block;
	padding:5px;
	font-size:12px;
	line-height:1.6}
	.title {
	margin: 0 0 5px 0;
	font-family: 微軟正黑體;
	color: #f66200;
	font-weight: bolder;
	font-size: 18pt;
	line-height: 1.6;
	letter-spacing: 2px;
	}
	#about .title{
	font-size: 16pt;
	}
	.lcon, .ccon {
	padding: 10px 0 10px;
	width: 95%;
	margin: 0 auto;
	}
	#service .ap {
	width: 100%;
	overflow-y: auto;
	margin: 0;
	font-family: 微軟正黑體;
	font-weight: normal;
	font-size: 11pt;
	line-height: 1.4;
	letter-spacing: 0px;
	text-align:center
	}
	#contact .ap {
	width: 100%;
	overflow-y: auto;
	margin: 0;
	font-family: 微軟正黑體;
	font-weight: normal;
	font-size: 12pt;
	line-height: 1.4;
	letter-spacing: 0px;
	}
	#about{
		height:auto!important;
	}
	#about .con .in {
	clear: both;
	color: #893f45;
	font-weight: bold;
	padding: 5px 10px;
	font-size: 10pt;
	}
	#about .con li {
	list-style-type: none;
	width: 48%;
	height: 110px;
	background: #893f45;
	color: #fff;
	margin: 1%;
	float: left;
	text-align: center;
	font-family: 微軟正黑體;
	font-size: 10.5pt;
	padding: 10px;
	box-sizing: border-box;
	line-height: 0.8;
	}
	#process .ap li {
	padding-left: 2.5em;
	text-indent: -1.6em;
	}
	
	#process .ap {
	width: 100%;
	height:auto;
	overflow: auto;
	margin: 0;
	font-family: 微軟正黑體;
	color: #762b06;
	font-weight: normal;
	font-size: 12pt;
	line-height: 1.4;
	letter-spacing: 0px;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 5px 0;
	}
	#location .ap {
	width: 100%;
	height:auto;
	overflow: auto;
	margin: 0;
	font-family: 微軟正黑體;
	color: #762b06;
	font-weight: normal;
	font-size: 12pt;
	line-height: 1.2;
	letter-spacing: 0px;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 5px 0;
	}
}
@media screen and (max-height: 768px){
	.auto2 .foot{
					position:relative!important;
		}
	
	.auto .foot{
				position:relative!important;
	}
	
}