* {
	margin:0;
	padding:0;
	
}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-family:"微軟正黑體", "Microsoft JhengHei",Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#545454;
	position:relative;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.site_hidden{
	visibility:hidden !important;
}

.site_display_none{
	display:none !important;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
outline: none;
}

a {
text-decoration:none;
}

.header {
	width:100%;
	height:100px;
	zbackground:url(../images/bg_01.png) repeat-x;
	margin-bottom:1px;
}

.header_960 {
	width:960px;
	margin:0 auto;
	height:100px;
	
}

.header_960 img {
	float:left;

}

.header_960_right {
	float:right;
	height:100px;
	width:660px;
	zbackground:#F90;

}

.lg {
	float:right;
	font-size:11px;
	zmargin-right:20px;
	width:660px;
	height:20px;
	margin-top:10px
	

}

.lg ul {
	float:right;
}


.lg li {
	float:left;
	padding-left:5px;
	padding-right:5px;
	
}

.lg li a {
	color:#545454;

	
}

.nav  {
	margin-top:20px;
	width:677px;
	float:right;
}

.nav ul {
	float:right;
}

.nav li {
	float:left;
	margin-right:20px;
	padding-bottom:10px;
	position:relative;
	display:block;
}

.nav ul ul {
	position:absolute;
	top:42px;
	left:-10px;
	padding-top:17px;
	width:160px;
	min-height:180px;
	z-index:9999;
	background:#FFF;
	display:none;
	box-shadow:0 0 2px #545454;

}

.nav ul ul li {
	padding-left:10px;
	width:280px;
	display:block;
	margin-bottom:10px;
}

.nav ul li a {
	color:#3a3a3a;
	font-weight:bold;
	display:block;
	font-size:14px;

}

.nav li p {
	color:#888888;
	font-size:10px;
	cursor:pointer;
	margin-top:5px;
	display:block;
}

.nav li:hover {
	border-bottom:3px solid #a28f6e;
}

.nav li:hover > ul {
	display:block;
}

.nav li:hover > ul li {
	border-bottom:0 none;
}

.nav li:hover > a, .nav li:hover > p {
	color:#a28f6e;
}

.nav ul ul li a {
	text-transform:capitalize;
}


.banner {
	zheight:451px;
	width:100%;
	margin:0 auto;

}

.banner2 {
	zheight:451px;
	width:960px;
	margin:0 auto;
	margin-bottom:30px;


}

.bottombg {
	width:100%;
	zbackground:url(../images/bottombg.jpg) repeat-x top left;
}

.bottom {
width:960px;
height:1372px;
margin: 0 auto;
}

#bottom_01 {
width:1903px;
height:1372px;
margin: 0 auto;
background:url(../images/product_detail_02.png) no-repeat top center;
}


.wrapper  {
	margin:0 auto;
	display:block;
}


.pd_940 {
	width:960px;
	margin:15px auto;
	margin-bottom:80px;
}

.pd_940 img{
	margin-right:10px;
}

.about_960 {
	width:960px;
	margin:15px auto;
	position:relative;
	padding-left:50px;
	padding-bottom:100px;
}

.pd_bx img {
	float:left;
	margin-right:18px;
	margin-bottom:20px;
}

.pd_220x250 {
	width:220px;
	height:250px;
	margin-right:20px;
	background:#f5f5f5;
	float:left;
}

.pd_220x250 img {
	zmargin-bottom:20px;

}

.pd_220x250 h1 {
	font-size:14px;
	font-weight:bold;
	color:#a28f6e;
	padding-top:10px;
}

.pd_220x250 p {
	font-size:11px;
	color:#707070;
	text-align:justify;

}

.pd_220x250 h1, .pd_220x250 p {
	padding-left:10px;
	padding-bottom:5px;
	padding-right:10px;
	text-align:center;
	

}
	
	
	
	
	
	
.pd_220x200 {
	width:215px;
	height:200px;
	margin-right:25px;
	float:left;
}

.pd_220x200  img {
	zmargin-bottom:20px;

}

.pd_220x200  h1 {
	font-size:14px;
	font-weight:bold;
	color:#a28f6e;
	padding-top:20px;
}

.pd_220x200  p {
	font-size:11px;
	color:#707070;

}

.pd_220x200  h1, .pd_220x200  p {
	padding-left:10px;
	padding-bottom:5px;
	

}	
	
	
	
	
	
	
	
	
	
	
	
	
.contenthover { 
         padding:20px 20px 10px 20px; 
}

.contenthover, .contenthover h3, contenthover a { 
          color:#fff; 
}

.contenthover h3, .contenthover p { 
          margin:0 0 10px 0; 
           line-height:1.4em; 
             padding:0;
			 text-align:center;
			 
			 
 }
 
 .contenthover h4{
	 line-height:140px;
	 text-align:center;
}
.contenthover a.mybutton { 
             display:block; float:left; 
			 padding:5px 10px; background:#3c9632; 
			 color:#fff; 
			 -moz-border-radius: 4px; 
			 -webkit-border-radius: 4px; 
			 border-radius: 4px; 
			 }
			 
.contenthover a.mybutton:hover { 
                   background:#34742d 
				   }


.about_790 {
	margin:30px auto;
	width:790px;
	position:relative;
	margin-top:70px;
	margin-right:170px;
}

.about_323x180 {
	width:323px;
	height:180px;
	background:url(../images/about_bg.png) no-repeat center;
	float:left;
	margin-right:60px;
}

.about_323x180 img {
	display:block;
	margin:0 auto;
	margin-top:18px;
}

.adout_230 {
	width:230px;
	float:left;
	margin-top:40px;
}

.adout_230 h2{
	font-size:24px;
	color:#A9977A;
	font-weight:bold;
	padding-bottom:10px;
}

.adout_230 p{
	float:left;
	width:300px;
	display:block;
	
}









.about_791 {
	margin:30px auto;
	width:790px;
	position:relative;
	margin-top:70px;
	margin-left:170px;
}

.about_323x181 {
	width:323px;
	height:180px;
	background:url(../images/about_bg.png) no-repeat right;
	float:right;
	margin-right:106px;
}

.about_323x181 img {
	display:block;
	margin:0 auto;
	margin-top:18px;
}

.adout_231 {
	width:230px;
	float:left;
	margin-top:40px;
}

.adout_231 h2{
	font-size:24px;
	color:#A9977A;
	font-weight:bold;
	padding-bottom:10px;
}

.adout_231 p{
	float:left;
	width:300px;
	display:block;
}

.fancy{
	width:650px;
	height:400px;
	padding:20px;
}

.fancy img{
	float:left;
	padding-right:30px;
}

.fancy h1{
	padding:20px 0px;
	font-weight:bold;
	font-size:20px;
}

.fancy p{
	padding-right:30px;
	font-size:14px;	
}

#bx-pager{
	position:relative;
	top:-40px;
}

#bx-pager a{
	margin-right:5px;
}

.content {
	position:relative;
	margin:0 auto;
	width:960px;
	
}

.w180x210 {
	width:180px;
	height:190px;
	background:#f5f5f5;
	float:left;
	margin-right:15px;
}


.w180x210 a {
	line-height:30px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	display:block;
	color:#707070;
}

.w180x210 p{
	padding:5px;
}

.header_01 {
	font-size:18px;
	border-bottom:1px solid #f5f5f5;
	margin-bottom:20px;
	padding-bottom:5px;
}

.index01 {
	margin-top:60px;
	width:960px;
	margin-bottom:85px;
}

.footer {
	width:100%;
	height:249px;
	background:url(../images/footer_bg01.png) repeat-x;
}

.footer_01 {
	width:960px;
	margin:0 auto;
	height:212px;
}

.footer_02 {
	width:960px;
	margin:0 auto;
	height:37px;
	line-height:37px;
	zpadding-top:29px;
}

.footer_02 p {
	font-size:12px;
	float:left;
	color:#fff;

}

.footer_02 ul {
	font-size:1zpx;
	float:right;
	color:#fff;

}

.footer_02 ul li {
	float:left;
	padding:0 5px 0 5px;
	font-size:12px;


}



.footer_left {
	float:left;
	/* Bill Modify at 20131023
	margin-top:45px;
	*/
	margin-top:105px;
	width:400px;
	/* */
}

.footer_left p {
	font-weight:bold;
	color:#fff;
	font-size:13px;
	
}
	

.footer_left ul {
	margin-top:45px;

}
		

.footer_left ul li {
	float:left;
	padding:0 5px 0 5px;
	color:#fff;
	font-size:11px;

}
	

.footer_left ul li a {
	color:#fff;
	text-decoration:underline;
}

.footer_center{
	margin-left:100px;
	margin-top:20px;
	float:left;
	color:#fff;
}

.footer_center p{
	font-weight:bold;
	margin-bottom:20px;
}

.footer_center a{
	color:#fff;
}

.zfooter_center a:hover{
	color:#ccc;
}
.footer_center ul li:first-child{
	border-top:none;
}
.footer_center ul li{
	margin:3px 0px;
	zborder-top:1px dotted #fff;
}

.footer_right {
	margin-top:20px;
	float:right;
	color:#fff;
	width:201px;
}

.footer_right p {
	font-weight:bold;
	color:#fff;
	font-size:13px;
	margin-bottom:20px;
}

.footer_right li {
	margin-bottom:10px;
	font-size:13px;
	width:265px;
}

.icon_01 {
	padding-left:25px;
	background:url(../images/icon_01.png) no-repeat left center;
}

.icon_02 {
	padding-left:25px;
	background:url(../images/icon_02.png) no-repeat left center;
}

.icon_03 {
	padding-left:25px;
	background:url(../images/icon_03.png) no-repeat left 3px;
}


.content_header {
	border-bottom:1px solid #b4b4b4;
	width:960px;
	margin:0 auto;
	padding-bottom:5px;
	margin-top:30px;
	margin-bottom:30px;

}


.content_header h1 {
	color:#a28f6e;
	font-size:30px;
	display:block;
	float:left;
}

.content_header ul {
	float:right;
	padding-top:23px;

}

.content_header ul li  {
	float:left;
	font-size:11px;
	color:#a7a7a7;
	padding:0 5px 0 5px;
}

.content_header ul li a  {
	color:#a7a7a7;
}

.content_header2 {
	border-bottom:1px solid #b4b4b4;
	width:940px;
	margin:0 auto;
	padding-bottom:5px;
	margin-top:30px;
	margin-bottom:30px;

}


.content_header2 h1 {
	color:#A7A7A7;
	font-size:30px;
	display:block;
	float:left;
}

.content_header2 ul {
	float:right;
	padding-top:23px;

}

.content_header2 ul li  {
	float:left;
	font-size:11px;
	color:#a7a7a7;
	padding:0 5px 0 5px;
}

.content_header2 ul li a  {
	color:#a7a7a7;
}

.content2_image{
	width:940px;
	margin:0 auto 30px auto;
}

.content2_information{
	width:940px;
	margin:0 auto 50px auto;
}

.content2_information .title01{
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:left;
	width:150px;
	font-weight:bold;
	margin-bottom:15px;
}

.content2_information .describe01{
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:left;
	width:790px;
	margin-bottom:15px;
}
	
.about {
	padding:30px;
	width:960px;
}

.about img {
	float:left;
	display:block;
}

.about p {
	width:465px;
	margin-bottom:20px;
	text-align:justify;

}

.pd p {
	zmargin-bottom:20px;
}

.pd input {
	float:left;
	margin-top:30px;
	margin-right:20px;
}

.portfolio p {
	margin:0 auto;
	text-align:center;
}


.project_bar {
	background:url(../images/bg_02.png) repeat-x center center;
	width:960px;
	margin:30px auto;
}


.project_bar ul {
    background-color: #FFFFFF;
    height: 17px;
    margin: 0 auto 0 368px;
    padding: 0 4px;
    width: 234px;
}

.project_bar ul li {
	display:block;
	float:left;
	padding-left:5px;
	padding-right:5px;

}


.project_bar ul li a {
	color:#a7a7a7;
	font-size:12px;
}

.portfolio_detail p {
	margin-bottom:20px;
}

.portfolio_detail_text {
	font-weight:bold;
}

.contact_us {
margin-bottom:50px;	
	
}

.contact_us_left {
	float:left;
}

.contact_us_left ul {
	width:328px;
	margin-bottom:40px;

}


.contact_us_left ul li {
	margin-bottom:20px;

}

.contact_us_left h1 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:30px;
}

.li_left {
	float:left;
	width:100px;
	display:block;
}

.li_right {
	display:block;
	margin-left:130px;
}

.contact_icon01 {
	background:url(../images/icon_04.png) no-repeat center left;
	padding-left:30px;
}


.contact_icon02 {
	background:url(../images/icon_05.png) no-repeat center left;
	padding-left:30px;
}

.contact_icon03 {
	background:url(../images/icon_06.png) no-repeat center left;
	padding-left:30px;
}

.contact_icon04 {
	background:url(../images/icon_07.png) no-repeat center left;
	padding-left:30px;
}

.contact_us_right {
	float:right;
	width:400px;
	margin-right:20px;
}

.input_01 {
	width:398px;
	border:1px solid #d1d1d1;
	float:left;
	padding:3px;
	margin-bottom:10px;
	
}
	
.input_02 {
	width:398px;
	border:1px solid #d1d1d1;
	float:left;
	padding:3px;
	height:200px;
	margin-bottom:10px;
	
}

.customize_01 {
	/*
	width:302px;
	height:463px;
	padding:20px;*/
	background:url(../images/bg_black_03.png) #000;
}


.customize_01 h1 {
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #fff;
	padding-bottom:5px;
	width:260px;
	margin-bottom:20px;
	color:#fff;
	margin-bottom:20px;
}

.customize_01_ul {
	margin-bottom:40px;
}

.customize_01_ul li {
	margin-bottom:10px;
	color:#fff;
}
	
.customize_01_ul li a {
	color:#fff;
}
	

.customize_02_ul {
}


.customize_02_ul li {
	height:38px;
	zmargin-right:-50px;
	margin-bottom:10px;
}


.customize_02_ul li p {
	text-align:center;
	color:#fff;
	width:38px;
	height:38px;
	display:block;
	line-height:38px;
	float:left;
	margin-right:10px;
	
	

}



.customize_js{
	width:100%;
	height:185px;
	background:url(../images/ajax-loader.gif) no-repeat 45% center;	
}
.extruderLeft_img
{
	background:url(../images/no.png) no-repeat  #000;	
}

/* Bill Add at 20131002 */
#fwslider_next, #fwslider_previous{
	position:absolute;
	top: 170px;
	width:33px;
	height:62px;
	z-index:100;
	cursor:pointer;
}

#fwslider_next{
	right:-45px;
	background:url(../images/arrow_next.png) no-repeat top; 
}

#zfwslider_next:hover{
	background:url(../images/icon_arrow_right.png) no-repeat bottom; 
}

#fwslider_previous{
	left:-45px;
	background:url(../images/arrow_prev.png) no-repeat top; 
}

#zfwslider_previous:hover{
	background:url(../images/icon_arrow_left.png) no-repeat bottom; 
}

/* */