@import url(http://fonts.googleapis.com/css?family=Pinyon+Script);
@import url(reset.css);

.mo_foot{display:none;background:none;position:absolute;width:100%;bottom:0;left:-30px}
.mo_foot a{color:#fff;text-decoration:none}
#sp-footer a, #sp-bottom a {
    color: #fff!important;
}


@media screen and (max-width: 999px){
	.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: 48%;
		margin: 0 1%;
		float: left;
		list-style-type: none;
		line-height: 60px;
		height: 60px;
		border-radius: 5px;
		color: #fff;
		vertical-align: middle;
		text-align: center;
		text-indent: 28px;
		font-size:14pt;
		font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	}
	li.line {
	background: #00c300 url(../images/lineicon.png)-10px -0px no-repeat;
	background-size: 58px;
	}
	li.service {
	background: #3A8FB7 url(../images/service.png)1px 4px no-repeat;
	background-size: 32px;
	}
	li.phone {
	background: #693c63 url(../images/mob-phone.png)5px 15px no-repeat;
	background-size: 30px;
	}
	.foot {
	display:none;
	}
	.phone{
	display:block;
	}
	.destop{
	display:none;
	}
	.phone .eqli{margin: 0 5% 15px!important;}
	.mo_foot{
		position:fixed;
		bottom:0;
	}
	.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;
	}
	
	#exemption .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;
	}
	#exemption .sp i {
	font-size: 40px;
	line-height: 40px;
	padding-top:20px;
	font-style: normal;
	}
	#exemption .sp p{
		font-size:14pt;
	}
	#exemption .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;
    z-index:9999;
	line-height:1.6}
	section{
	padding-top:0px;
	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: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	font-weight: normal;
	font-size: 12pt;
	line-height: 1.4;
	letter-spacing: 0px;
	}
	#exemption .ap {
	height:auto;
	width:95%;
	margin: 0 auto;
	font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	font-weight: normal;
	font-size: 12pt;
	line-height: 1.4;
	letter-spacing: 0px;
	}
	#contact .ap {
	width: 100%;
	height:auto;
	overflow-y:auto;
	margin: 0;
	font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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;
	}
	#faqs .ap {
	width: 100%;
	overflow: auto;
	margin: 0;
	font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	color: #762b06;
	font-weight: normal;
	font-size: 12pt;
	line-height: 1.4;
	letter-spacing: 0px;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 5px;
	}
	#faqs .ap li {
	padding-left: 2.5em;
	text-indent: -1.6em;
	}
	#faqs .ap b {
	color: #893f45;
	font-size: 10px;
	padding-left:2em;
	}
	#faqs .ps{
		font-size:11pt;
	}
	#faqs .protitle{
		font-size:18pt;
	}
	#location .ap {
	width: 100%;
	overflow: auto;
	margin: 0;
	font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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;
	}
	#exemption .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: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	font-weight: normal;
	font-size: 11pt;
	line-height: 1.4;
	letter-spacing: 0px;
	}
	#exemption .ap {
	width: 100%;
	overflow-y: auto;
	margin: 0;
	font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	font-weight: normal;
	font-size: 11pt;
	line-height: 1.4;
	letter-spacing: 0px;
	}
	#contact .ap {
	width: 100%;
	overflow-y: auto;
	margin: 0;
	font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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;
	}
	#faqs .ap li {
	padding-left: 2.5em;
	text-indent: -1.6em;
	}
	
	#faqs .ap {
	width: 100%;
	height:auto;
	overflow: auto;
	margin: 0;
	font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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: "Microsoft JhengHei", "Apple LiGothic Medium", "Lucida Grande", "Arial", "Arial Narrow";
	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;
	}
	
}