@charset "utf-8";
/* CSS Document */

/*------------------------------------首頁-------------------------------------*/
#Index {
	background-image:url(../images/body_bg_In-3.jpg);
	background-position:left top;
}
.container {
	width:300px;
	margin-right:auto;
	margin-left:auto;
}
/*--------------------------------header-------------------------------------*/
.header {
	width:300px;
	height:auto;
	background-image:url(../images/header_bg_In-300.png);
	
	padding-top:75px;
	padding-bottom:16px;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
	
	transition:height 0.4s;
	-moz-transition:height 0.4s;
	-webkit-transition:height 0.4s;
	-o-transition:height 0.4s;
}
/*----------------------logo--------------------------*/
.logo {
	width:130px;
}
.logo h1 {}
.logo h1 a {
	width:130px;
}
.logo h1 a img {}
/*--------------------nav------------------------*/
.nav {
	width:300px;
	top:65px;
	position:static;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
	
	transition:top 0.4s;
	-moz-transition:top 0.4s;
	-webkit-transition:top 0.4s;
	-o-transition:top 0.4s;
}
.navBtn {
	width:300px;
	height:33px;
	display:block;
	background-image:url(../images/navBtn.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.nav ul {
	display:none;
	padding-bottom:10px;
}
.nav ul:after {
	height:0px;
	display:block;
	content:" ";
	clear:both;
}
.nav li {
	height:auto;
	float:none;
	background-color:#fff;
}
.nav a {
	width:auto;
	height:auto;
	color:#555;
	text-indent:0px;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;	
}
.nav a:hover, .nav .current a {
	color:#fff;
	background-color:#b30738;
}
/*---------------------------------------*/
.nav .nav1 {
	width:auto;
}
.nav .nav1 a {
	width:auto;
	background-image:none;
}
/*----------------------------------------*/
.nav .nav2 {
	width:auto;
}
.nav .nav2 a {
	width:auto;
	background-image:none;
}
/*----------------------------------------*/
.nav .nav3 {
	width:auto;
}
.nav .nav3 a {
	width:auto;
	background-image:none;
}
/*----------------------------------------*/
.nav .nav4 {
	width:auto;
}
.nav .nav4 a {
	width:auto;
	background-image:none;
}
/*----------------------------------------*/
.nav .nav5 {
	width:auto;
}
.nav .nav5 a {
	width:auto;
	background-image:none;
}
/*----------------------------------------*/
.nav .nav6 {
	width:auto;
}
.nav .nav6 a {
	width:auto;
	background-image:none;
}
/*--------------------------------mainPage-------------------------------------*/
.mainPage {
	width:460px;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
}
/*--------------------------------footer-------------------------------------*/
.footerBox {
	width:295px;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
}
.footer {}
.footer address {
	display:block;
}
.footer .address {
}
.footer .address a {}
.footer .address a:hover {}
.footer .servicePhone {
	display:inline-block;
	margin-bottom:5px;
}
/*------------------iware-----------------------*/
.iware {
	float:none;
	text-align:center;
}
.iware a {}
.iware a:hover {}
/*-----------------------------------輪播-------------------------------------*/
.bannerBox {
	width:300px;
	height:177px;
	background-image:url(../images/bannerBox_bg-300.png);
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
	
	transition:height 0.4s;
	-moz-transition:height 0.4s;
	-webkit-transition:height 0.4s;
	-o-transition:height 0.4s;
}
.bannerBox a {
	width:300px;
	height:177px;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
	
	transition:height 0.4s;
	-moz-transition:height 0.4s;
	-webkit-transition:height 0.4s;
	-o-transition:height 0.4s;
}
.bannerBox a img {}
/*----------------------------------*/
.bannerBox .control {}
/*----------------------------------*/
.bannerBox_bg {
	width:304px;
	bottom:-2px;
	left:3px;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
	
}
.bannerBox_bg img {}
/*--------------------------------裝飾圖--------------------------------------*/
.decorateImg {
	display:none;
	width:550px;
	top:231px;
	margin-right:-150px;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
	
	transition:top 0.4s;
	-moz-transition:top 0.4s;
	-webkit-transition:top 0.4s;
	-o-transition:top 0.4s;
}
.decorateImg img {}
/*-----------------------------------------產品分類-----------------------------------------*/
.productsClassBox_In {
	width:300px;
	height:auto;
	padding-left:0px;
	padding-right:0px;
}
.productsClassBox_In:after {}
.productsClassBox_In .itemBox {
	margin-left:10px;
	margin-right:10px;
}
.productsClassBox_In .itemBox .imgBox {}
.productsClassBox_In .itemBox .imgBox a {}
.productsClassBox_In .itemBox .classImg_bg {}
.productsClassBox_In .itemBox .imgBox:hover .classImg_bg {}
.productsClassBox_In .itemBox p {}
.productsClassBox_In .itemBox p a {}
.productsClassBox_In .itemBox p a:hover {}
.productsClassBox_In .itemBox:hover a {}