@charset "utf-8";
/* ../css/mobile2-main-a.css begin */
body{
	position:relative;
	background:#FFF;
	margin:0;	padding:0;
	font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif !important;
}
a {text-decoration:none;}
img{vertical-align:bottom !important}
#wrapper{
	width:100%;
	max-width:640px;
	margin:0 auto;
}
#titleArea{
	position:relative;
}
#titleArea img{
	margin:0;
}
#titleArea #menuIcon{
	position:absolute;
	width:20%;
	height:100%;
	right:0.5%;
	top:0%;
}
#titleArea #menuIcon a{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding:0 20%;
	padding-top:30%;

}
#titleArea #menuIcon a img{
	display:block;
	margin:0 auto;
	width:50%;
}
#menuArea{ display:none;}
#menuArea a{
	/*line-height:2.6em;*/
	line-height:2em; /*ediy by derek 改由各層內元素指定行高 */
}
#menuArea li.level1{
	box-sizing:border-box;
	width:100%;
	background-color:#FFF;
	
}
#menuArea li.level1 > a{	
	display:block;
	/*font-size:2.3em;*/
	font-size:1.3em;/*第一層*/
	padding-left:0.9em;
	color:#000;
	line-height:2.6em; /*ediy by derek 改由各層內元素指定行高 */
	border-bottom:1px solid #CCC;
}
#menuArea li.brue{	border-left:0.5em solid #52dcd1;}
#menuArea li.brue2{	border-left:0.5em solid #0cbbf0;}
#menuArea li.yellow{border-left:0.5em solid #f8d53c;}
#menuArea li.green{	border-left:0.5em solid #9ad236;}
#menuArea li.orange{border-left:0.5em solid #ff6f0e;}
#menuArea li.purple{border-left:0.5em solid #b574ee;}
#menuArea li.yellow .active{color:#f6c500;}
#menuArea li.brue2 .active{color:#09a5d4;}
#menuArea li.green .active{color:#84c70d;}

/*第二層選單*/
#menuArea li.level2{
	display:block;
	background-color:#f7f8f8;
	overflow:auto;
	clear:left;
	border-bottom:1px solid #CCC;
}
#menuArea li.level2:last-child{
	border-bottom:1px solid #CCC;
}
#menuArea li.level2 a{
	display:block;
	padding-left:1.3em;
	/*font-size:2.18em;*/
	font-size:1.2em;/*第二層*/
	color:#363636;
	line-height:2.4em; /*ediy by derek 改由各層內元素指定行高 */
}
/*第三層選單*/
#menuArea div.level3{
	width:100%;
	height:auto;
	overflow:auto;
	background-color:#efefef;
}
#menuArea ul.level3{
	display:block;
	width:83%;
	height:auto;
	margin:0 auto;	
}
#menuArea li.level3{
	overflow:hidden;
	white-space: nowrap;
	background-color:#efefef;
	border-bottom:1px solid #FFF;
}
#menuArea li.level3:last-child{
	border-bottom:none;
}
#menuArea li.level3 a{
	display:block;
	float:left;
	min-width:33%;
	font-size:1em;/*第三層*/
	margin-right:0.5%;
    padding-left: 0em;
	/*font-size:2.0em;*/
	color:#737373;
	line-height:2.6em; /*ediy by derek 改由各層內元素指定行高 */
}
#menuArea li.level3 a:last-child{
	margin-right:0;
}
#pageBody{
	box-sizing: border-box;
	height:auto;
	width:auto;
	padding:0;
/*		padding:6.25% 6.25%;*/
}


#pageFooter{
	background:url(../images/mobile2/foot-img.jpg) top no-repeat;
	background-size:contain;
	background-color:#363636;
/*	padding:3.125em 0;*/
	padding:1.8em 0;
	/*margin:3em 0 0 0; edit by derek 移除上邊界*/
	width:100%;
}
#pageFooter .companyname,
#pageFooter .phone,
#pageFooter .address,
#pageFooter .copyright{
	margin:0 auto;
	width:90%;
	text-align:center;
	line-height:1.5em;
/*	white-space:pre;*/
}
/*
#pageFooter .companyname{
	color:#959595;
	font-size:1.1em;
	font-weight:900;
}*/
#pageFooter .phone,
#pageFooter .address,
#pageFooter .copyright{
	color:#fbfafa;
/*	font-size:1.125em;*/
	font-size:0.6em;
}
#pageFooter .hr{
	width:90%;
	height:1px;
	background-color:#4d4d4d;
	margin:1em auto;
}

/*
@media (orientation: landscape) { 
#menuArea li.level1 a{	
	font-size:1.8em;
}
#menuArea li.level2 a{
	font-size:1.7em;
}
#menuArea li.level3 a{
	font-size:1.6em;
}
}
@media (orientation: portrait) { 
#menuArea li.level1 a{	
	font-size:1.9em;
	color:#FF0;
}
#menuArea li.level2 a{
	font-size:1.7em;
}
#menuArea li.level3 a{
	font-size:1.2em;
}

}
*/
/* ../css/mobile2-main-a.css end */
/* reset.css begin */
/* Discard reset.css */
/* reset.css end */
/* ../css/mobile2/bjqs.css begin */
/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
/* ../css/mobile2/bjqs.css end */