@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC:600&display=swap');
@charset "utf-8";
/* CSS Document */

html, body {
	margin:0;
	height: auto;
	font-size: small;
	background: #F5F5F5 url('../images/bg.jpg') top repeat-x;

	}


	
p {
font-size: 100%;
color:#777;
text-align:left;
line-height:150%;
font-family: Geneva, Arial, Helvetica, sans-serif;

}



a img
{
    border: none;
}


.FontHide { margin: auto 0; padding:0; font-size:1px; color:#fff;  height:1px;	opacity: 0;
	alpha(opacity=0); }

#Wrapper { position: relative;margin: 0 auto;width:100%; height:100%; min-width:1024px;}

.Container { position: relative;margin: 0 auto;width:1024px;height:100%;}

.MenuBox{ width:1024px;height:auto;}
.BannerBox{ width:1024px;height:auto;}
.MainBanner{ width:1024px;height:auto; margin:0 0 20px 0;}
.nav{ width:1024px;height:30px; }
 
ul.WlinkLeft{
	color: #000;
	font-size: 13px;
	line-height: 34px;
	float: left;
	margin: 0 0 0 0px;
	list-style-position: outside;
	list-style-type: none;
	font-family: Geneva, Arial, Helvetica, sans-serif,;
	background: #F5F5F5 url('../images/pixe.jpg') 20px 13px no-repeat;
	
}
ul.WlinkLeft a:link {COLOR:#000;text-decoration: none;} 
ul.WlinkLeft a:visited {COLOR:#000;text-decoration: none;} 
ul.WlinkLeft a:hover {COLOR:#000;text-decoration: underline;}

ul.WlinkLeft li{
	float:left;
	margin:0 11px 0 0;
}
ul.WlinkLeft li.last{
	margin:0 0 0 0px;
}


.IndexLRBox{ width:1024px;height:240px; float:left;}
.MainBox{ width:1024px;height:auto;  margin:35px 0 0 0; }

.ILBox{ width:475px;height:240px; float:left;margin:40px 0 0 23px;}
.IRBox{ width:469px;height:238px; float:left;margin:3px 0 0 36px;}

.NewsPageList { padding:18px 0 18px 0; float:left;width:auto; font-size:14px;text-align:left;font-family: Geneva, Arial, Helvetica, sans-serif;}
.NewsPageList a:link {color: #000;text-decoration: none;} 
.NewsPageList a:visited {color: #000;text-decoration: none;} 
.NewsPageList a:hover {color: #000;text-decoration: underline; }


.CompanyList { padding:13px 0 13px 0; float:left;width:auto; font-size:14px;text-align:left;font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:normal; line-height:90%;}



.AboutHistory { margin:28px 0 42px 62px; float:left;width:910px; height:auto; font-size:14px;text-align:left;font-family: Geneva, Arial, Helvetica, sans-serif; line-height:190%;}

.SpecificationsBox { margin:28px 0 0 111px; float:left; width:800px; height:auto;}


.CLBox{ width:460px;height:418px; float:left;margin:45px 0px 0 62px;}
.CRBox{ width:478px;height:418px; float:left;margin:56px 0 0 0;border: 1px solid #C8C8C8; background-color:#FFFFFF;}


.ULBox{ width:420px;height:385px; float:left;margin:75px 0 0 0;}
.URBox{ width:478px;height:418px; float:left;margin:38px 58px 0 22px;;border: 1px solid #C8C8C8; background-color:#FFFFFF;}

.SLBox{ width:420px;height:630px; float:left;margin:35px 40px 10% 62px;}
.SRBox{ width:478px;height:450px; float:left;margin:45px 0 0 0;}


.ProductBox{ 
width:175px;
height:245px; 
float:left;
margin:45px 4px 0 22px;
text-decoration: none;
cursor:pointer;
}


.SaleBox{ 
width:200px;
height:270px; 
float:left;
margin:45px 30px 20px 20px;
cursor:pointer;
display:block;
}
.SPicBox{ 
width:220px;
height:auto; 
float:left;
padding:7px;	
margin:0 0 20px 0;
background:url(../images/PicBg.jpg) repeat ; 
text-align:left;
}

.SPicBox a:link {} 
.SPicBox a:visited {} 
.SPicBox a:hover {}


.NewProductBox{ 
width:385px;
height:400px; 
float:left;
margin:45px 50px 20px 60px;
cursor:pointer;
display:block;
}


.NPicBox{ 
width:385px;
height:auto; 
float:left;
padding:7px;	
margin:0 0 20px 0;
background:url(../images/PicBg.jpg) repeat ; 
text-align:left;
}

.NPicBox a:link {} 
.NPicBox a:visited {} 
.NPicBox a:hover {}


.PicBox{ 
width:175px;
height:168px; 
float:left;
padding:7px 0 0 0;	
margin:0 0 20px 0;
background:url(../images/PicBg.jpg) repeat ; 
text-align:center;
}

.PicBox a:link {} 
.PicBox a:visited {} 
.PicBox a:hover {}


.Footer { 
    height:66px;
	width:100%;
	float:left;
	text-align:center;
	background-color:#E2E2E2;
	margin:56px 0 0 0;


 }
 
.copyright { 
    text-align:center;
	line-height: 60px;
    height:60px;
	color: #717171;	
	font-size: 13px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	margin: 0 auto;
	width:100%;
	clear:both;


 }
 
.copyright a:link {color: #000;text-decoration: none;} 
.copyright a:visited {color: #000;text-decoration: none;} 
.copyright a:hover {color: #AAC6DD;text-decoration: underline; }


.PName { 
    text-align:center;
	color: #000;	
	font-size: 13px;
	font-family: Geneva, Arial, Helvetica, sans-serif;

 }
 
.PName a:link {color: #000;text-decoration: none;} 
.PName a:visited {color: #000;text-decoration: none;} 
.PName a:hover {color: #000;text-decoration: underline; }



.BoxBroder {                         
background: #fff;
border:1px solid #FFFFFF;}
 a:hover .BoxBroder { border: 1px solid #000; }
 
 
.SpecBroder {                         
background: #fff;
border:1px solid #888888;}
 a:hover .BoxBroder { border: 1px solid #000; } 
 
 
.BlueLink { font-size:13px;;font-family: Geneva, Arial, Helvetica, sans-serif;color: #3A70C9;}
.BlueLink a:link {color: #3A70C9;text-decoration: none;} 
.BlueLink a:visited {color: #3A70C9;text-decoration: none;} 
.BlueLink a:hover {color: #000;text-decoration: underline; }


.WhiteBgBox{
	width:980px;
	height:auto;
	min-height:500px;
	border: 0px solid #847056;
	background-color:#FFFFFF;
	border-top: 3px solid #AAC6DD;
	box-shadow:1px 1px 5px rgba(20%,20%,20%,0.1);
	float:left;
    margin:20px 0 0 22px;
	
}


.PSPPBox { 
padding:18px 0 0 0; 
float:left;
width:943px;
height:auto;
margin:0 0 0 19px;
}

.PSBox { 
padding:18px 0 18px 0; 
float:left;
width:943px;
height:auto;
margin:0 0 0 19px;
}

.PImgBox { 
float:left;
width:519px;
height:343px;
border: 1px solid #D2D2D2;
}

.NPImgDivBox { 
width:auto;
height:auto;
clear:both;

}


.NewPImgBox{
border: 1px solid #D2D2D2;
box-shadow:1px 1px 5px rgba(20%,20%,20%,0.1);	
margin:30px 0 30px 0;
	}

.SpecBox {
float:left;
width:320px;
height:245px;
font-size:16px;
color:#000;
text-align:left;
font-family: Geneva, Arial, Helvetica, sans-serif,"微軟正黑體";
line-height:190%;
margin:60px 0 0 60px
	}
	
.NewSpecBox {
width:auto;
height:auto;
font-size:16px;
color:#000;
font-family: Geneva, Arial, Helvetica, sans-serif,"微軟正黑體";
line-height:190%;
margin:40px 0 0 0;
	}
	
	
.H2Spec{
font-size:16px;
color:#000;
font-family: Geneva, Arial, Helvetica, sans-serif,"微軟正黑體";
margin:0;
	}
.c-form tr td{
	padding: 5px;
	}
.c-form input,	
.c-form textarea{
	padding: 5px 0;
    }
@media screen and (max-width: 768px){
	#Wrapper{
		min-width: 100%;	
		}	
	.MainBanner, 	
	.Container {
		width: 100%;
		}
	.MainBanner {
		margin: 0;
		}
	.WhiteBgBox {
		width: 100%;
		min-height: auto;
		float: none;
		margin:0;
		}
	.PSPPBox{
		width: 100%;
		display: block;
		float: none;
	    padding: 0;
	    margin: 0;
		}	
	.PSPPBox h1{
		display: block;
		width: 100%;
		padding: 0 5%;
		text-align: center;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;	
		}
	.NewSpecBox {
		width: 100%;
	    display: inline-block;
	    margin: 0;
	    }		 
	.MainBanner img{
		display: block;
		width: 100%;
		}
	.NewSpecBox{
		margin-bottom: 5%;
		}
	img.NewPImgBox,	
	img.NPImgDivBox{
		display: block;
		width: 90%;
		margin: 0 auto 20px auto;
		}
	.PImgBox {
		display: block;
		float: none;
		width: 100%;
		height: auto;
		border: 0;
		}
	.PImgBox img{
		display: block;
		width: 90%;
		margin: 0 auto 20px auto;
		}
	.PSBox {
		padding:0;
		float: none;
		width: 100%;
		height: auto;
		margin: 0;
		border:0 !important; 
		}
	.SpecBox {
		float: none;
		width: 100%;
		height: auto;
		font-size: 16px;
		color: #000;
		text-align: left;
		margin:0;
		padding: 5%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;	
		}
	.MainBox {
		display: block;
		width: 100%;
		height: auto;
		float: none;
		margin: 0;
		}
	.MainBox img{
		display: block;
		width: 100%;
		}
	.NewProductBox {
		display: inline-block;
		width: 45%;
		height: auto;
		float: none;
		margin: 0 auto 20px auto;
		vertical-align: top;
		}
	.MainBox a{
		text-decoration:none; 
		}
	.PName h3,	
	.PName{
		font-size: 16px !important;
		min-height: 34px;
		}	
	.PName{
		margin-bottom: 20px;
	}
	.SaleBox,	
	.ProductBox {
		display: inline-block;
		width: 42%;
		height: auto;
		float: none;
		margin: 0;
		vertical-align: top;
		}
	.PicBox {
		display: inline-block;
		width: 100%;
		height: auto;
		float: none;
		margin: 20px 0;
		vertical-align: top;
		}
	.nav {
		width: 100%;
		height: auto;
		float: none;
		}
	.PSPPBox h1 {
		width: 90%;
		margin: 0 auto;
		padding: 5%;
		font-size: 22px;
		line-height: 1.2;
		font-family: "Open Sans", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		}
	.CLBox,	
	.AboutHistory {
		display: block;
		margin: 0;
		padding: 10% 5%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		float: none;
		width: 100%;
		font-size: 16px;
		font-family: "Open Sans", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
		}
	.CompanyList,	
	.CLBox h1,
	.CLBox h3{
		margin: 0;
		padding: 0;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		width: 100%;
		font-size: 16px;
		font-family: "Open Sans", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
		border: 0 !important;
		}
	.CRBox {
		display: block;
		width: 100%;
		height: auto;
		float: none;
		margin: 20px 0;
		border: 0;
		background-color: transparent;
		}
	.SLBox {
		display: block;
		width: 100%;
		height: auto;
		float: none;
		margin: 0;
		padding: 5%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		font-family: "Open Sans", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
		}
	.SLBox p{
		font-family: "Open Sans", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
		}
	.BlueLink {
		font-size: 16px;
		}
	.SRBox {
		display: block;
		width: 100%;
		height: auto;
		float: none;
		margin: 45px 0 0 0;
		}
	.SRBox img{
		margin: 0 0 25px 0;	
		}	
	.SpecificationsBox {
		margin: 0;
		float: none;
		width: 100%;
		height: auto;
		}
	.URBox {
		display: block;
		width: 100%;
		height: 400px;
		float: none;
		margin: 0;
		border: 0;
		background-color: transparent;
		}
	.ULBox {
		display: block;
		width: 100%;
		height: auto;
		float: none;
		}
	.c-form{
		margin-bottom: 30px;
		}
}		
.area-title{
  display: block;
  width: 100%;
  text-align: center;
  }
.hot-pet-title{
  display: inline-block;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  border-top:1px solid #999999;
  text-align: center;
  }
.hot-pet-title span{
  position: relative;
  top: -26px;
  display: inline-block;
  padding: 0 20px;
  background-color: #F5F5F5;
  color: #222222;
  font-size: 26px;
  font-family: 'Noto Serif TC', serif;
  text-transform: uppercase;
  } 
@media screen and (max-width: 768px){
	.hot-pet-title {
		margin: 10% auto 0 auto;
		}
}