@charset "utf-8";
/* CSS Document */
@import url("theme.css");
@import url("reest.css");
body{
	background: url(../images/bg.jpg) no-repeat center top;
	background-repeat: repeat-x;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-family: Helvetic, Arial, "Microsoft JhengHei", "Segoe UI", "Microsoft JhengHei", "微軟正黑體", "微软雅黑", "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", clean, sans-serif;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/index_bg.jpg);
	background-repeat: repeat-y;
	background-position: center 0px;
}
#top_icon{
    position: fixed;
    right: 10%;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
    color: white;
    cursor: pointer;
	z-index:999;
	}
/*********header***********/
#header_bg{
	width: 100%;
	background: url(../images/header_bg.jpg) no-repeat center top;
}
#header_box{
	width:1000px;
	height: 40px;
	margin:0 auto;
	position:relative;}
#header_box ul{
	position:absolute;
	left:700px;
	top:8px;
	z-index:999;}
#header_box ul li{
	float:left;
	padding-left:20px;}
#center_bg{
	background: url(../images/center_bg.png) repeat-x center 533px;
	background-color:#EEE;}

#main_center_bg{
	background:url(../images/main_center.png) no-repeat center top;
	width:100%;
	margin-top: -48px;
}
#main_center_box{
	width: 1002px;
	margin:0 auto;
	position:relative;}
/*#main_center_postion{
	position:absolute;
	top:0px;
	left:0px;
	z-index:900;}*/
/*********banner***********/
#banner_box{
	position:relative;}
#circle__big_box{
	cursor:pointer;
	position:absolute;
	top:277px;
	left:490px;
	}
#circle__big_box2{
	cursor:pointer;
	position:absolute;
	top: 177px;
	left: 340px;
	}
#circle__big_box3{
	cursor:pointer;
	position:absolute;
	top: 127px;
	left: 560px;
	}
#circle__big_box4{
	cursor:pointer;
	position:absolute;
	top: 127px;
	left: 360px;
	}
#circle__big_box5{
	cursor:pointer;
	position:absolute;
	top: 30px;
	left: 500px;
	}
#circle__big_box6{
	cursor:pointer;
	position:absolute;
	top: 280px;
	left: 370px;
	}
#circle_box1{
	width:22px;
	height:24px;
	position:absolute;
	overflow:hidden;
	top:12px;
	left:13px;
	z-index:988;
	}
	
#circle_box2{
	width:36px;
	height:42px;
	position:absolute;
	overflow:hidden;
	top:3px;
	left:6px;
	z-index:989;
	}

#circle_box3{
	width:48px;
	height:50px;
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	z-index:990;
	}
	
/*********主選單***********/
#m_nav{
	background:url(../images/nav_bg.jpg) no-repeat center top;
	width: 1002px;
	height:42px;
	}
#m_nav ul li{
	float:left;
	width: 169px;
	margin-left:80px;
	margin-right:80px;
	padding-top:10px;}
#m_nav ul li:hover{
	background:url(../images/nav_li_bg.png) no-repeat center 5px;}
#m_nav ul li a{
	display:block;
	padding-left:20px;
	padding-right:20px;
	height:30px;
	width:130px;
	text-align:center;}
.nav_li_c{
	background:url(../images/nav_li_bg.png) no-repeat center 5px;}


/*********首頁**********/
#materials_box{
	width:100%;
	height:400px;
	position:relative;
	}
.materials{
	position:absolute;
	width:216px;}
#materials_1{
	top: 342px;
	left: 0px;}
#materials_2{
	top: 342px;
	left: 229px;}
#materials_3{
	top: 342px;
	left: 457px;}
#materials_4{
	top: 342px;
	left: 687px;}
.mater_title{
	font-size:27px;
	text-align:center;	
	padding-bottom: 11px;
	color:#3b3838;
}
.mater_text{
	padding-left: 18px;
	padding-right: 18px;
	color: #3b3838;
	line-height: 24px;
	}
#features_box{
	position:absolute;
	top: 1215px;
	left: 50px;
}
#features_box table{
	width: 431px;}
#features_box table tr{}
#features_box table td{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B4B4B4;
	padding-top: 8px;
	padding-bottom: 8px;
}
.features_icon{
	background: url(../images/liicon.png) no-repeat center center;
	color:#FFF;
	padding: 4px;}
/*********產品頁面**********/	
#text_box{
	padding-top:20px;
	width:952px;
	background-color:#FFF;
	padding-left:50px;}
#index_text_box{
	padding-top: 20px;
	width: 950px;
	background-color: #FFF;
	padding-left: 50px;
	background: url(../images/index_pic.jpg) no-repeat center top;
	height: 1700px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	position:relative;
	}
#product_title{
	color:#578900;
	font-size:22px;
	background:url(../images/t_bg.png) no-repeat -10px bottom;
	padding-bottom:25px;
	margin-bottom:25px;}
#product_nav_box{
	padding-bottom:20px;}
#product_nav_box ul{}
#product_nav_box ul li{
	float:left;
	padding-right:15px;
	}
#pro_bu1{
	background:url(../images/product_bu1.jpg) no-repeat;
	width: 109px;
	height: 39px;
	}
#pro_bu2{
	background:url(../images/product_bu2_o.jpg) no-repeat;
	width: 109px;
	height: 39px;}
#pro_bu1_s{
	background:url(../images/product_bu1_o.jpg) no-repeat;
	width: 109px;
	height: 39px;
	}
#pro_bu2_s{
	background:url(../images/product_bu2.jpg) no-repeat;
	width: 109px;
	height: 39px;}
#pro_bu1:hover{
	background:url(../images/product_bu1_o.jpg) no-repeat;
	}
#pro_bu2_s:hover{
	background:url(../images/product_bu2_o.jpg) no-repeat;
	}
.pro_bu_o{
	background:url(../images/product_bu2_o.jpg) no-repeat;
	}
#product_pic_box{
	position:relative;
	width:900px;
	height:358px;}
#product_pic1{
	position:absolute;
	top:0px;
	left:0px;}
#product_pic2{
	position:absolute;
	top:0px;
	left:0px;}
#product_pic3{
	position:absolute;
	top:0px;
	left:0px;}
#product_list_box_title{
	background: url(../images/product_s_title.png) no-repeat left top;
	font-size:18px;
	padding-left: 38px;
	width: 880px;
	height:20px;
	padding-top: 36px;
	color:#515151;
	padding-bottom:20px;
}
#product_list_box{
	padding-top:10px;}
.product_list{}
.product_list ul{}
.product_list ul li{
	float:left;
	padding-left: 7px;
	padding-right:7px;
	padding-bottom:20px;
	}
.product_list ul li a{
	color:#333;
	text-align:center;
	
	}
.product_list ul li:hover img{
	border: 2px solid #3CF;
	}
.p_pic img{
	border: 2px solid #CCC;
	width:207px;
	height:156px;
	}
.p_text{
	padding-top:8px;
	padding-bottom:8px;}
#product_list1{}
	
#product_nav_buobx{}
#product_nav_buobx ul{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	height: 16px;
	margin-bottom: 14px;
	width: 890px;
}
#product_nav_buobx ul li{
	float:left;
	padding-left:10px;
	padding-right:10px;
	}
#product_nav_buobx ul li a{
	color:#333;
	font-size:16px;
	display:block;
	}
#product_nav_buobx ul li a.st1{
	color:#3AB829;
	font-weight:bold;
	}
#product_nav_buobx ul li a:hover{
	color:#3AB829;
	font-weight:bold;
	}
/*******contact********/
.contact_title{
	background-image: url(../images/contact_title1.jpg);
	background-repeat: no-repeat;
}
#contact_box_cen{
	width: 907px;
	padding-left:  20px;
}
.contact_btn {
	margin-top: 24px;
	padding-bottom: 39px;
	text-align: center;	
	}
/* ----------------------------------------------------- 諮詢表單 ------------------------------------------------------*/
.form {
	line-height: 22px;
	margin: 0px -50px 0 0 ;
	font-weight: bold;
}

.form th {
	background:#EEEEEE;
	text-align: center;
	padding:7px 0 0 0;
	font-weight: bold;
	vertical-align: top;
}
.form span {
	color:#F00;
}
.form td {
	background:#f8f8f8;
	padding:5px;
	text-align: left;
}
.input {
	text-decoration: none;
	border: 1px solid #dfdfdf;
	width: 200px;
	height: 20px;
	padding:1px 4px;
	border-radius:5px;	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;	
}
.input3 {
	background: #b7b7b7;	
	color: #fff;
	text-decoration: none;
	width: 72px;
	height: 20px;
	padding: 0 0 2px 0;
	border: none;
	border-collapse:collapse;
	border-radius:5px;	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;	
	margin: 0 5px;
}
#.contact_btn {
	margin:15px 0;
	text-align: center;	
	}
.contact_ps{
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 12px;
	width: 661px;
	color: #686868;
	line-height: 24px;
}
.lo_title1{
	font-size: 24px;
	color: #333;
	padding-left: 8px;
}
/**********footer************/
#footer_bg{
	background-color:#206408;
	}
#footer_box{
	width:994px;
	margin:0 auto;
	color:#FFF;
	padding-left: 56px;
	padding-top:10px;
	height:86px;
	line-height:24px;}
/***************動畫********************/
#CONTENT_out #CONTENT {
	_height:1%;
}

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

.smallbox {
	width:500px; position:relative; left:30px ;top:330px; z-index:2;}

#CONTENT .small img{ cursor:pointer; margin:0 2px;}

#CONTENT .banner{
	width: 100%;
	height: 532px;
	margin: 0 auto 0 auto;
	position: relative;
	overflow: hidden;
	text-align: center;
	background-image: url(../images/banner.jpg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#CONTENT .banner ul{ position:relative; width:100%; height:532px;text-align:center;}

#CONTENT .banner ul li {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 532px;
	text-align: center;
}

#CONTENT .banner img{}

#CONTENT .banner ul.banner-list{ height:532px; padding-top:80px; display:block;}
#CONTENT .banner .banner-list h2{ text-indent:-9999px;}
#CONTENT #SHOWSHOW{width:100%; margin:0 auto;text-align:center ;}