*,*:before, *:after {
  -mov-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webcontent {
  width:1024px;
  margin:0 auto;
  padding:0;
  display:block;
  background-color:#ffffff;
}
header {
  width:100%;
  margin:0 auto;
  padding:2% 0 0 0;
  display:block;
}
#logo {
  width:26.46%;
  margin:0 auto;
  padding:0;
  display:block;
  float:left;
}
.info {
  width:100%;
  height:auto;
  margin:0;
  padding:0
  display:block;
}
nav {
  width:73.54%;
  margin:0 auto;
  padding:0;
  display:block;
  float:left;
}
.c {
  clear:both;
}
#nav_mobile {
  width:100%;
  margin: 0 auto;
  padding: 5px;
  display:none;
  background-color:#eb008b;
}
#nav_mobile ul {
  width:100%;
  margin:0 auto;
  padding:0;
  background-color:#da0984;
}
#nav_mobile ul li {
  width:100%;
  margin:0 auto;
  padding:10px 0 5px 0;
  font-size:1em;
  font-family:"微軟正黑體";
  color:#fff;
  border-bottom:1px dotted #5aabf8;
  list-style-type:none;
}
#nav_mobile ul li:hover {
  background-color:#2190fc;
  color:#f0f3fa;
}
#nav_mobile ul li:hover ul {
  background-color:#2190fc;
  padding:0;
}
#nav_mobile ul li a {
  color:#ffffff;
  text-decoration:none;
}
#nav_mobile ul li a:hover {
  color:#f0f3fa;
  text-decoration:none;
}
#nav_mobile ul ul {
  width:100%;
  background-color:#da0984;
}
#nav_mobile ul ul li {
  text-indent:13px;
  padding:10px 0;
}
#nav_mobile ul ul li:hover {
  background-color:#da0984;
  color:#f0f3fa;
  padding:10px 0;
}
#main_products {
  width:100%;
  margin:0 auto;
  padding:0;
  display:block;
  border-bottom:3px solid #eb008b;
}
#navigation {
	width:100%;
	margin:0 auto;
  padding:1% 0;
  display:block;
  float:left;
}
#breadcrumbs {
  width:100%;
  margin:0 auto;
  padding: 0;
  display:block;
  float:left;
}

#webcenter {
  width:100%;
  margin:0 auto;
  padding:1% 0;
  display:display;
  background-image: url(/images/center_bg.jpg);
  background-repeat:repeat-x;
}
aside {
  width:26.1%;
  margin:0 auto;
  padding:0 0.7%;
  display:block;
  float:left;
}
article {
  width:73.9%;
  margin:0 auto;
  padding:0 0.7%;
  display:block;
  float:left;
}
.mobile_no {
  display:block;
}
.mobile_on {
  display:none;
}
footer  {
  width:100%;
  margin:0 auto;
  padding:1% 0;
  display:block;
  background-color:#eb008b;
}
#counter{
  width:100%;
  margin:0 auto;
  padding:1%;
  display:none;
}
.products {
  width:48%;
  height:auto;
  margin:1%;
  padding:1%;
  text-align:center;
  vertical-align:top;
  display:inline-block;
  overflow:hidden;
}
.products:hover {
  background-color:#fef6f6;
  box-shadow: 0px 2px 7px rgba(200, 200, 200, 0.5);
}
.products1 {
  width:31%;
  height:auto;
  margin:1%;
  padding:1%;
  text-align:center;
  vertical-align:top;
  display:inline-block;
  overflow:hidden;
}
.products3 {
  width:25%;
  margin: 0 auto;
  padding:1%;
  vertical-align:top;
  display:block;
  overflow:hidden;
  float:left;
}
.footer_banner {
  width:16%;
  height:auto;
  margin: 0 0 10px 0.66%;
  padding:0;
  vertical-align:top;
  display:block;
  overflow:hidden;
  float:left;
}
.nav_link {
  font-family : 微軟正黑體, sans-serif; font-size : 12px;
  color: #ef4f8;
  line-height: 16px;
}
A.nav_link { 
  color: #eff4f8;
}
A.nav_link:hover {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
A.c01 {
  font-family : 微軟正黑體, sans-serif; font-size : 16px;
  color: #232323;
  line-height: 25px;
  text-decoration: none;
  }
a:hover.c01 {
  font-family : 微軟正黑體, Arial, sans-serif; font-size : 16px;
  color: #f22617;
  line-height: 25px;
  text-decoration: none;
}
A.d01 {
  font-family : 微軟正黑體, sans-serif; font-size : 16px;
  color: #323232;
  line-height: 24px;
  text-decoration: none;
  }
a:hover.d01 {
  font-family : 微軟正黑體, Arial, sans-serif; font-size : 16px;
  color: #000000;
  line-height: 24px;
  text-decoration: none;
}
A.e01 {
  font-family : 微軟正黑體, sans-serif; font-size : 15px;
  color: #595959;
  line-height: 20px;
  text-decoration: none;
  }
a:hover.e01 {
  font-family : 微軟正黑體, Arial, sans-serif; font-size : 15px;
  color: #000000;
  line-height: 20px;
  text-decoration: none;
}

.font5 {
	font-family: "標楷體", "微軟正黑體", "新細明體";
	font-size: 14px;
	line-height: 1.5;
	color: #000000;
	letter-spacing: normal;
}
.font6 {
	font-family: "微軟正黑體", "新細明體", "標楷體";
	font-size: 27px;
	line-height: 17px;
	color: #ffffff;
	letter-spacing: normal;
}
.font7 {
	font-family: "微軟正黑體";	
	font-size: 16px;
	line-height: 25px;
	color: #323232;
	letter-spacing: normal;
}
.font8 {
	font-family: "微軟正黑體";	
	font-size: 21px;
	line-height: 25px;
	font-weight: 700;
	color: #323232;
	letter-spacing: normal;
}
.font9 {
	font-family: "微軟正黑體";	
	font-size: 15px;
	line-height: 23px;
	color: #414141;
	letter-spacing: normal;
}
.font10 {
	font-family: "微軟正黑體";	
	font-size: 18px;
	font-weight: 700;
	line-height: 40px;
	color: #595959;
	letter-spacing: normal;
}
.font12 {
	font-family: "微軟正黑體";	
	font-size: 13px;
	line-height: 20px;
	color: #414141;
	letter-spacing: normal;
}
.font13 {
	font-family: "微軟正黑體", "新細明體", "標楷體";
	font-size: 27px;
	line-height: 17px;
	color: #444343;
	letter-spacing: normal;
}
@media only screen and (max-width:1024px) {
  .webcontent {
		width:100%;
		margin: 0 auto;
	}
	#marquee1 {
	  display:none;
	}
	#numrequests {
	  width:100%;
	}
	#marquee2 {
	  display:block;
	}
}

@media only screen and (max-width:780px) {
  .webcontent {
		width:100%;
		margin: 0 auto;
	}
	.products3 {
	  width:50%;
	  margin: 0 auto;
	  padding:1%;
	  vertical-align:top;
	  display:block;
	  overflow:hidden;
	  float:left;
	}
	.font2 {
		font-family: "Georgia", "新細明體", "標楷體";
		font-size: 2vw;
		line-height: 1.42vw;
		color: #1f1f1f;
		letter-spacing: normal;
	}
	.font9 {
		font-family: "微軟正黑體";	
		font-size: 1.25vw;
		line-height: 1.92vw;
		color: #414141;
		letter-spacing: normal;
	}
	.font10 {
		font-family: "微軟正黑體";	
		font-size: 1.5vw;
		font-weight: 700;
		line-height: 3.33vw;
		color: #595959;
		letter-spacing: normal;
	}
	.font11 {
		font-family: "新細明體";	
		font-size: 1.17vw;
		color: #7f7f7f;
		letter-spacing: normal;
	}
	.font12 {
		font-family: "微軟正黑體";	
		font-size: 1.09vw;
		line-height: 1.67vw;
		color: #414141;
		letter-spacing: normal;
	}
	.font13 {
		font-family: "微軟正黑體", "新細明體", "標楷體";
		font-size: 2.25vw;
		line-height: 1.42vw;
		color: #444343;
		letter-spacing: normal;
	}
	A.d01 {
	  font-family : 微軟正黑體, sans-serif; font-size : 1.25vw;
	  color: #6f6e6e;
	  line-height: 2.0vw;
	  text-decoration: none;
	  }
	a:hover.d01 {
	  font-family : 微軟正黑體, Arial, sans-serif; font-size : 1.25vw;
	  color: #000000;
	  line-height: 2.0vw;
	  text-decoration: none;
	}
	A.e01 {
	  font-family : 微軟正黑體, sans-serif; font-size : 1.25vw;
	  color: #595959;
	  line-height: 1.67vx;
	  text-decoration: none;
  }
	a:hover.e01 {
	  color: #000000;
	  text-decoration: none;
	}
	
	.style4 {
		font-size: 1.0vw;
		font-family: "華康中圓體";
	}
	.style5 {
	  font-size: 1.5vw;
	  font-family: "華康中圓體";
	  font-weight: bold;
	  }
	TD.nav_items {
	  font-size: 2.2vw;
	}
}

@media only screen and (max-width:40em) {
	header {
	  display:block;
	  width:100%;
	  margin:0 auto;
	}
	#logo {
	  width:100%;
	}
	nav {
	  display:none;
	}
	#nav_mobile {
		display:block;
	}
	.mobile_no {
	  display:none;
	}
	.mobile_on {
	  display:block;
	}
	#breadcrumbs {
	  width:100%;
	}
	#bread_right {
	  display:none;
	}
	aside {
	  display:none;
	}
	article {
	  width: 100%;
	  padding: 0 1%;
	  display:block;
	}
	footer {
		width:100%;
		padding: 0 5px;
	}
	#counter {
	  display:block;
	}
	.font2 {
		font-family: "Georgia", "新細明體", "標楷體";
		font-size: 24px;
		line-height: 17px;
		color: #1f1f1f;
		letter-spacing: normal;
	}
	.font7 {
		font-family: "微軟正黑體";	
		font-size: 16px;
		line-height: 25px;
		color: #323232;
		letter-spacing: normal;
	}
	.font9 {
		font-family: "微軟正黑體";	
		font-size: 15px;
		line-height: 23px;
		color: #414141;
		letter-spacing: normal;
	}
	.font10 {
		font-family: "微軟正黑體";	
		font-size: 18px;
		font-weight: 700;
		line-height: 40px;
		color: #595959;
		letter-spacing: normal;
	}
	.font11 {
		font-family: "新細明體";	
		font-size: 14px;
		color: #7f7f7f;
		letter-spacing: normal;
	}
	.font12 {
		font-family: "微軟正黑體";	
		font-size: 12px;
		line-height: 18px;
		color: #414141;
		letter-spacing: normal;
	}
	.font13 {
		font-family: "微軟正黑體", "新細明體", "標楷體";
		font-size: 27px;
		line-height: 17px;
		color: #444343;
		letter-spacing: normal;
	}
	A.d01 {
	  font-family : 微軟正黑體, sans-serif; font-size : 15px;
	  color: #6f6e6e;
	  line-height: 24px;
	  text-decoration: none;
	  }
	a:hover.d01 {
	  font-family : 微軟正黑體, Arial, sans-serif; font-size : 15px;
	  color: #000000;
	  line-height: 24px;
	  text-decoration: none;
	}
	
	.style4 {
		font-size: 12px;
		font-family: "華康中圓體";
	}
	.style5 {
	  font-size: 18px;
	  font-family: "華康中圓體";
	  font-weight: bold;
  }
	
	.products {
	  width:98%;
	  margin:1%;
	  text-align:center;
	  vertical-align:top;
	  display:inline-block;
	  overflow:hidden;
	}
	.footer_banner {
	  width:32%;
	  height:auto;
	  margin: 0 0 10px 1.33%;
	  padding:0;
	  vertical-align:top;
	  display:block;
	  overflow:hidden;
	  float:left;
	}
	.home_item {
	  width:100%;
	  height:auto;
	  margin:0;
	  padding:0;
	  text-align:center;
	  vertical-align:top;
	  display:block;
	  float:right;
	  overflow:hidden;
	}
	.item {
	  width:100%;
	  margin:0 auto;
	  padding:5% 0;
	  display:block;
	}
}