*,*:before, *:after {
  -mov-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
ul,li {
  margin:0;
  padding:0;
}
#all_web {
  width:100%;
  max-width:1920px;
  margin:0 auto;
  padding:0;
  display:block;
  background-color:#f8f8f8;
}
#web1 {
  width:100%;
  margin:0 auto;
  padding:0.2% 0;
  display:block;
  background-color:#0279cb;
}
#web2 {
  width:100%;
  margin:0 auto;
  padding:2% 0;
  display:block;
  background: linear-gradient(#82d5f3, #0279cb);
}
.webcontent {
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0;
  display:block;
}
#logo {
  width:27.16%;
  margin:0 auto;
  padding:0;
  display:block;
  float:left;
}
nav {
  width:72.84%;
  margin:0 auto;
  padding:0;
  display:block;
  float:left;
}
nav ul{
    margin: 0;
    padding: 0;
}
nav li{
    position: relative;
    float: left;
    color: #fff;
    list-style: none;
    z-index:5;
}
nav li a {
    display: block;        
    padding: 0;
    color: #fff;
    text-decoration: none;
}
nav li ul {
    background-color: #0279cb;opacity:0.9;
    display: none;
    position: absolute;
    top: 100%;
    width:100%;
}
nav li:hover ul {
    display: block;
    right: 0;
    left: 0;
    top: 100%;
    color:#ffd900;
    border: #83d6f4 1px solid; 
}
nav li:hover ul > li{
    display: block;
    right: 5;
    left: 0;
    width:100%;
    padding:5px;
    text-align:center;
    font-weight:bold;
    font-family: "微軟正黑體";
    font-size:16px;
    color:#ffd900;
    border-bottom: 1px solid #83d6f4;
}
nav li ul li>a{
    display: block;
    right: 5;
    left: 0;
    width:100%;
    padding:5px;
    text-align:center;
    font-weight:bold;
    font-family: "微軟正黑體";
    font-size:14px;
    color:#fff;
}
nav li ul li>a:hover{
    color:#ffd900;
    text-decoration:none;
}
.c {
  clear:both;
}
#nav_mobile {
  width:100%;
  margin: 0 auto;
  padding: 5px;
  background-color:#0279cb;
  border-right: 1px solid #0279cb;
  border-bottom: 1px solid #0279cb;
  border-left: 1px solid #0279cb;
  border-radius:0 0 2px 2px;
  display:none;
  
}
#nav_mobile ul {
  width:100%;
  margin:0 auto;
  padding:3px;
  background-color:#0279cb;
}
#nav_mobile ul li {
  width:100%;
  margin:3px 0 auto;
  padding:5px 0;
  font-size:1em;
  font-family:"微軟正黑體";
  color:#fff;
  border-bottom:1px dotted #0279cb;
  list-style-type:none;
}
#nav_mobile ul li:hover {
  background-color:#1497f1;
  color:#fff;
}
#nav_mobile ul li:hover ul {
  background-color:#1497f1;
  padding:0;
}
#nav_mobile ul li a {
  color:#ddd;
  text-decoration:none;
}
#nav_mobile ul li a:hover {
  color:#fff;
  text-decoration:none;
}
#nav_mobile ul ul {
  width:100%;
  background-color:#0279cb;
}
#nav_mobile ul ul li {
  text-indent:13px;
}
#nav_mobile ul ul li:hover {
  background-color:#0279cb;
  color:#fff;
}
#main_products {
  width:100%;
  margin:0 auto;
  padding:0;
  display:block;
}
#home_left {
  width:23.4375%;
  margin:0 auto;
  padding:1.172%;
  display:block;
  float:left;
}
#left_top {
  width:100%;
  margin:0 auto;
  padding:0;
  display:block;
  float:left;
}
#left_bottom {
  width:100%;
  margin:0 auto;
  padding:0;
  display:block;
  float:left;
}
#home_right {
  width:76.5625%;
  margin:0 auto;
  padding:1.172%;
  display:block;
  float:left;
}

#new_products {
  width:100%;
  max-width:1280px;
  height:auto;
  padding:0.5%;
  display:block;
  background-color:#fff;
  float:left;
}
#web3 {
  width:100%;
  margin:0 auto;
  padding:0.5% 0;
  display:block;
  background-color:#0379cb;
}
#footer1_left {
  width:88%;
  margin:0 auto;
  padding:0;
  display:block;
  float:left;
}
#left1_top {
  width:100%;
  margin:0 auto;
  padding:0;
  display:block;
	float:left;
}
#left1_bottom {
  width:100%;
  margin:0 auto;
  padding:0;
  display:block;
	float:left;
}
#footer1_right {
  width:12%;
  margin:0 auto;
  padding:0;
  display:block;
  float:left;
}
#web4 {
  width:100%;
  margin:0 auto;
  padding:0.5% 0;
  display:block;
  background: linear-gradient(#34a1e9, #3377a4);
}
#footer2_left {
  width:50%;
  margin:0 auto;
  padding:0;
  display:block;
	float:left;
}
#footer2_right {
  width:50%;
  margin:0 auto;
  padding:0;
  display:block;
	float:left;
}
#breadcrumbs {
  width:100%;
  margin:0 auto;
	padding:0;
	display:block;
	float:left;
}
#marquee {
  width:100%;
  height:auto;
  padding:0;
  display:block;
  float:left;
}
img.info {
  width:100%;
  height:auto;
}


article {
  width:100%;
  margin:0 auto;
  padding:1.172%;
  clear: both;

  
}
.numrequests {
	width:100%;
  margin:0 auto;
  padding:1%;
  display:block;
  float:left;
}
footer {
  width:100%;
  margin:0;
  padding: 1px 0 0 0;
  display:block;
  background-image:url(images/footer_bg.jpg);
  background-size:cover;
}
.mobile_no {
  display:block;
}
.products {
  width:23%;
  margin: 5px 1%;
  text-align:center;
  vertical-align:top;
  display:inline-block;
  overflow:hidden;
}
.products1 {
  width:18%;
  margin: 5px 1%;
  text-align:center;
  vertical-align:top;
  display:inline-block;
  overflow:hidden;
}
.products2 {
  width:31%;
  margin: 5px 1%;
  text-align:center;
  vertical-align:top;
  display:inline-block;
  overflow:hidden;
}
.input_form {
  font-family: "微軟正黑體", "新細明體", "標楷體";
	padding:4px 10px;
	font-size: 14px;
	color: #666666;
	background-color: #ffffff;
	margin: 0px;
	border: 1px solid #01addf;
}
.font4 {
	font-family: "微軟正黑體";	
	font-size: 17px;
	font-weight: 700;
	color: #000000;
	letter-spacing: normal;
}
.font10 {
	font-family: "微軟正黑體";	
	font-size: 16px;
	line-height:25px;
	color: #f4f4f4;
	letter-spacing: normal;
}
.font11 {
	font-family: "新細明體";	
	font-size: 16px;
	color: #3d98d7;
	letter-spacing: normal;
}
.font12 {
	font-family: "微軟正黑體", "新細明體", "標楷體";
	font-size: 14px;
	color: #ffffff;
	letter-spacing: normal;
}
.font15 {
	font-family: "微軟正黑體", "新細明體", "標楷體";
	font-size: 25px;
	font-weight: 700;
	line-height: 35px;
	color: #2e2d2d;
	letter-spacing: normal;
}
.font16 {
	font-family: "Times New Roman", "Palatino Linotype", "標楷體";
	font-size: 22px;
	font-weight: 700;
	color: #ff6000;
	letter-spacing: normal;
}
A.c01 {
  font-family : 微軟正黑體, sans-serif; font-size : 15px;
  color: #1d3738;
  line-height: 20px;
  text-decoration: none;
  }
a:hover.c01 {
  font-family : 微軟正黑體, Arial, sans-serif; font-size : 15px;
  color: #b87c27;
  line-height: 20px;
  text-decoration: none;
}
A.e01 {
  font-family : 微軟正黑體, sans-serif; font-size : 16px;
  color: #ffffff;
  line-height: 20px;
  text-decoration: none;
  }
a:hover.e01 {
  font-family : 微軟正黑體, Arial, sans-serif; font-size : 16px;
  color: #ffd900;
  line-height: 20px;
  text-decoration: none;
}
A.f01 {
  font-family : 微軟正黑體, sans-serif; font-size : 17px;
  color: #1d3738;
  line-height: 20px;
  text-decoration: none;
  }
a:hover.f01 {
  font-family : 微軟正黑體, Arial, sans-serif; font-size : 17px;
  color: #cb6f42;
  line-height: 20px;
  text-decoration: none;
}
A.h01 {
  font-family : 微軟正黑體, sans-serif; font-size : 14px;
  color: #414141;
  line-height: 37px;
  text-decoration: none;
  }
a:hover.h01 {
  font-family : 微軟正黑體, Arial, sans-serif; font-size : 14px;
  color: #000000;
  line-height: 37px;
  text-decoration: none;
}

@media only screen and (max-width:1280px) {
  .webcontent {
	  width:100%;
	}
}
@media only screen and (max-width:1000px) {
	.products1 {
	  width:23%;
	  margin: 5px 1%;
	  text-align:center;
	  vertical-align:top;
	  display:inline-block;
	  overflow:hidden;
	}
}

@media only screen and (max-width:800px) {
	.products {
	  width:48%;
	  margin: 5px 1%;
	  text-align:center;
	  vertical-align:top;
	  display:inline-block;
	  overflow:hidden;
	}
	.products1 {
	  width:31%;
	  margin: 5px 1%;
	  text-align:center;
	  vertical-align:top;
	  display:inline-block;
	  overflow:hidden;
	}
}

@media only screen and (max-width:40em) {
  #web1 {
    display:none;
  }
  .webcontent {
	  width:100%;
	}
  #logo {
    width:100%;
	  padding:12px 1% 0 0;
	  float:left;
  }

	#nav_mobile {
	  display:block;
	}
	nav {
	  display:none;
	}
	#footer1_left {
	  width:100%;
	  margin:0 auto;
	  padding:0;
	  display:block;
	  float:left;
	}
	#left1_top {
	  display:none;
	}
	#left1_bottom {
	  width:100%;
	  margin:0 auto;
	  padding:0;
	  display:block;
		float:left;
	}
	#footer1_right {
	  display:none;
	}
	#footer2_left {
	  width:100%;
	  margin:0 auto;
	  padding:1% 0;
	  display:block;
		float:left;
	}
	#footer2_right {
	  width:100%;
	  margin:0 auto;
	  padding:1% 0;
	  display:block;
		float:left;
	}
	#breadcrumb {
	  display:block;
	}
	#home_left {
	  width:100%;
	  margin:0 auto;
	  padding:1.172% 0;
	  display:block;
	  float:left;
	}
	#left_bottom {
	  display:none;
	}
	#home_right {
	  width:100%;
	  margin:0 auto;
	  padding:1.172% 0;
	  display:block;
	  float:left;
	}
	#breadcrumbs {
	  width:100%;
	  margin:0 auto;
		padding:0;
		display:block;
		float:left;
	}
	#marquee {
	  width:100%;
	  height:auto;
	  padding:0;
	  display:block;
	}
	.mobile_no {
	  display:none;
	}
	aside {
	  display:none;
	}
	article {
	  width:98%;
	  height:auto;
	  margin:0 1% auto;
		padding:0;
		display:block;
		float:left;
	}
	.products {
	  width:98%;
	  margin: 5px 1%;
	  text-align:center;
	  vertical-align:top;
	  display:inline-block;
	  overflow:hidden;
	}
	.products1 {
	  width:98%;
	  margin: 5px 1%;
	  text-align:center;
  	vertical-align:top;
	  display:inline-block;
	  overflow:hidden;
	}
	.products2 {
	  width:98%;
	  margin: 5px 1%;
	  text-align:center;
	  vertical-align:top;
	  display:inline-block;
	  overflow:hidden;
	}
}