/*system*/
body{ font-family:"微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:21px;
background:url(../images/page_bg.jpg) #a60103 repeat-x 0 0;
//background:url(../images/page.jpg) no-repeat center 0;
}
a{ text-decoration:none; color:#333;}
a:hover{ color:#b61a0a;}
.txt-hidden{ text-indent:-9999px; overflow:hidden; display:inline-block;}
.page-switch {padding: 20px 0 10px 0;text-align: right; width:670px; font-size:13px;}
.page-switch .pre-page {
    padding: 0 10px 0 0;
}
.page-view{ float:left;}
.next-page{ padding:0 0 0 10px;}

/*system-end*/

/*web-layout*/
#creation-page{width:1000px; margin:0 auto; position:relative;
	#page-content{ display:inline-block; width:100%; padding:20px 0;}
	.page-copyright{ font-size:12px; line-height:16px; color:#FFF;
	                 .web-design{ padding:2px 0 0 0;}
					  .web-design a{ color:#CCC;}
	               }
}
.gohome{ position:absolute; top:10px; left:260px; z-index:10;
		  a{ color:#FFF; text-decoration:none; background:url(../images/gohome.png) no-repeat 0 6px; padding:0 0 0 10px; width:70px; display:block;}	
        }
/*web-layout-end*/

.index-block{
    #creation-page{background:url(../images/index_bg.jpg) no-repeat center top; width:1000px;}
    .weblogo{ display:none;}
	.page-left{ float:left;  padding: 9px 0 0 25px; width:200px;}
	.index-content{ float:left; padding: 0 0 0 30px;}
	.page_menus{ margin:0 0 10px 0; width:200px; display:inline-block; float:left;
		        a{ display:inline-block; overflow:hidden; background:url(../images/page_layout.png) no-repeat 0 0; text-indent:-9999px;
				    width:200px; height:65px; float:left;
				  }
				 .about{ background-position:18px -191px;}
				 .news{ background-position:18px -281px;}
				 .product{ background-position:28px -391px;}
				 .contact{ background-position:22px -491px;}
				 .service{ background-position:23px -591px;}
				 .about:hover{ background-position:-211px -191px;}
				 .news:hover{ background-position:-211px -281px;}
				 .product:hover{ background-position:-201px -391px;}
				 .contact:hover{ background-position:-207px -491px;}
				 .service:hover{ background-position:-206px -591px;}
		        }
	.store-info{ .txt-hidden;width:181px; height:85px; margin: 6px 0 0 12px;background:url(../images/page_layout.png) no-repeat 0 -700px; }
	.sub-info{
		      .newslist{ display:inline-block; float:left; width:220px; overflow:hidden; margin:0 20px 0 0;
			   			  dt{ display:inline-block; width:210px; height:30px; overflow:hidden;}
			             dt a{ display:inline-block; background:url(../images/page_layout.png) no-repeat -284px -696px;.txt-hidden;width:210px; height:30px; }
						  dd{
							  ul{ padding:8px 0 0 0;}
							  li{}
							  a{ color:#FFF; background:url(../images/icons_w.png) no-repeat 4px 6px; text-decoration:none; 
							     display:inline-block; height:22px; width:100%;  padding: 0 0 0 20px;overflow:hidden;
								 border-bottom:1px solid #a05049; 
								 }
							  a:hover{}
							 }
			            }
			  .productlist{ display:inline-block; float:left; width:490px;
			  			     dt{ display:inline-block; width:210px; height:30px; overflow:hidden;}
			                dt a{ display:inline-block; background:url(../images/page_layout.png) no-repeat -540px -696px;
							    .txt-hidden;width:210px; height:30px; }
							 .hot-product{ padding:10px 0 0 0; display:inline-block; width:480px; height:130px;
								          ul{}
										  li{  display:inline-block; float:left; margin:0 13px 0 0;}
								 		  li a{ display:inline-block; padding:3px; float:left; width:140px; height:105px; overflow:hidden;}
										  .listimg{ text-align:center; vertical-align:middle; border:1px solid #f06364;
										  			.img-center{  border: 0 none;display: inline-block;  font-size: 0;height: 100%;
										  				          line-height: 0; vertical-align: middle;width: 0;}
													img{vertical-align: middle;}
												   }
							             }
			              }
		     }
			 
			 
  .index-page-copyright{ font-size:12px; line-height:16px; color:#FFF; display:inline-block; 
                         text-align:right;width: 960px; padding:5px 0 0 0;
						 
						  .web-design{ padding:2px 0 0 0;}
					      .web-design a{ color:#CCC;}
						  
                 }
}

/*eff*/
.hot-product{ position:relative;
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    	bottom: 130px;
    	position: absolute;
    	width: 100%;
		padding:0;
	}
	.bx-pager-item{ float:right;}
	.bx-wrapper .bx-pager.bx-default-pager a{ background:#FFF;}
}

/*page-layout*/
#creation-page{  width: 945px;
	.page-top{ height:227px;}
	#page-content{ padding:0;background:url(../images/page_con.jpg) no-repeat 0 0;}
	.page-copyright{}
	.main-menus{ float:left; width:205px;}
	.iten-content{float:left; padding: 38px 0 38px 23px; width:714px; position:relative;}
}

/*page-layout-ui*/
#page-content-bg{ background:url(../images/page_con_bg.jpg) repeat-y 0 0;}
#creation-page{ 

	.page-top{ position:relative;
		       .weblogo{ display:inline-block; position:absolute; top:0; left:25px; z-index:5;}
			   .weblogo a{ display:inline-block; background:url(../images/page_layout.png) no-repeat 0 -7px; width:215px; height:140px;}
			   .page-top-img{ padding:40px 0 0 0;}
			   .page-top-title{ .txt-hidden; display:inline-block; background:url(../images/webpage_title.png) no-repeat 0 0; 
			                    width:207px; height:75px; position:absolute; top:107px; right:61px; 
			                  }
				.top-bar-color{ background:url(../images/top_bar.png) no-repeat 0 0; height:7px; width:100%;}
		      }
	/*.page-top-end*/
	
	#page-content{
		 .main-menus{ min-height:560px;
					.page_menus{ display:inline-block; width:205px; padding: 10px 0 0;
		        			a{ display:inline-block; overflow:hidden; background:url(../images/page_layout.png) no-repeat 0 0; text-indent:-9999px;
				   				 width:205px; height:65px; float:left;
				 			 }
				 				.about{ background-position:18px -191px;}
								.news{ background-position:18px -281px;}
				 				.product{ background-position:28px -391px;}
				 				.contact{ background-position:22px -491px;}
				 				.service{ background-position:23px -591px;}
				 				.about:hover{ background-position:-211px -191px;}
				 				.news:hover{ background-position:-211px -281px;}
				 				.product:hover{ background-position:-201px -391px;}
				 				.contact:hover{ background-position:-207px -491px;}
				 				.service:hover{ background-position:-206px -591px;}
		       				 }
					 }
		         }
	/*.page-content-end*/		
	 
	.iten-title{}
	
}

.page-copyright{ background:url(../images/footer_bg.png) repeat-x 0 0;  position: relative; top: -15px; font-size:12px;   height: 85px;
                 .ct_con{ width:910px; margin:0 auto; color:#FFF; padding:30px 0 0;  height: 25px;}
				  a{ color:#FFF;}
				  .web-design{ float:right;width:200px; text-align:right;}
				  .copyright{ float:left; width:600px;}
               }
			   
.iten-content{
	.iten-title{ display:inline-block; background:url(../images/title_bar.jpg) no-repeat 0 3px; position:relative;
				  color: #7D0102; display: inline-block; height: 33px; padding: 0 0 0 20px; width: 670px;
				  
				  h2{ font-size:18px;}
	}
	.iten-title .addthis_toolbox{ position:absolute; top:0; right:0; width:210px;}
	.info-html{ padding:25px 0 0 0; width:670px;}
}

/*.product-article-open*/
.iten-article{ padding:20px 0 0 0;
	.photolist { float: left; width: 365px;}
	.iten-article-info { float: left; width: 290px; padding:0 0 0 15px;}
	.mainphoto { display: inline-block; width: 100%;}
	.mainphoto .listimg{border: 1px solid #CCCCCC;display: inline-block; float: left; 
	                    height: 260px;width: 350px;overflow: hidden; padding: 3px; text-align: center; 
						 .img-center{ border: 0 none; display: inline-block;font-size: 0;height: 100%;line-height: 0;vertical-align: middle;width: 0;}
						 img { vertical-align: middle;}
		                }
	.subphoto { display: inline-block; padding: 5px 0 0; width: 100%;}
	.subphoto li { float: left;  padding:5px 0; width: 91px;}
	.subphoto .listimg { border: 1px solid #CCCCCC; display: inline-block; float: left; height: 55px; 
	                     overflow: hidden; padding: 3px; text-align: center; width: 75px;
			  			 .img-center{ border: 0 none; display: inline-block;font-size: 0;height: 100%;line-height: 0;vertical-align: middle;width: 0;}
						  img { vertical-align: middle;}
				         }
	.listimg{ box-shadow: 0 0 2px #6A6A6A;}
}
/*.product-article-end*/
/*sub-menus*/
#creation-page #page-content .main-menus .page_menus .sub-menus{ display:inline-block;padding: 5px 0 15px 40px;  width: 145px;
	li{ color:#FFF; font-size:13px; background:url(../images/icons_r.png) no-repeat 0 7px; padding:0 0 0 15px;  line-height:21px;
		a{ background:none; text-indent:0; color:#FFF; height:auto; width:auto; float:inherit; overflow:inherit;}
		a:hover{ color: #ff8a01;}
	}	
}

.gopagelist{ 
			display:inline-block; width:61px; height:24px; background:url(../images/backpage.png) no-repeat 0 0;
			overflow:hidden; text-indent:-9999px; position:absolute; top:35px; right:35px;
}
.news-block{
			#creation-page .page-top-title{ background-position:0 -250px;}
}
.product-block{
			#creation-page .page-top-title{ background-position:0 -500px;}
}
.contact-block{
			#creation-page .page-top-title{ background-position:0 -750px;}
}
.fengshui-block{
			#creation-page .page-top-title{ background-position:0 -1000px;}
}

.pageimg{ background:url(../images/945x180.jpg) no-repeat 0 0;}

#pageweb-top{ position:absolute; bottom:25px; right:-90px; z-index:20; display:block;}

.go-contact{ position:absolute; top:10px; right:0; display:inline-block; text-align:right;}
.go-contact a{  color:#FFF;}