@charset "utf-8";
/* CSS Document */
@import url("theme.css");
@import url("reest.css");
body{
	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;
}
/**********header************/
#header_bg{
	background-image: url(../images/header_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
}
#header_box{
	width:903px;
	height:55px;
	margin:0 auto;
	position:relative;
	padding-top:14px;
	padding-left:10px;}
#logo{}
#m_nav{}
#m_nav ul{
	position:absolute;
	top:10px;
	right:20px;}
#m_nav ul li{
	color:#FFF;
	float:left;
	padding-left:5px;}
#m_nav ul li a{
	color:#FFF;}
/**********nav************/
.nav_focus{
    background-position-y: -50;
	}
#nav_bg{
	background:url(../images/nav_bg.png) repeat-x top;}
#nav_box{
	width: 1003px;
	height: 54px;
	margin: 0 auto;

	}
#nav_box ul{}
#nav_box ul li{
	width: 200px;
	height: 53px;
	float:left;
	}
#nav_box ul li a{
	text-indent:-9999px;
	display:block;
	height:54px;
}
#nav1{
	background:url(../images/nav.jpg) no-repeat -2px 1px;
	overflow:hidden;}
#nav2{
	background:url(../images/nav.jpg) no-repeat -204px 1px;
	overflow:hidden;}
#nav3{
	background:url(../images/nav.jpg) no-repeat -404px 1px;
	overflow:hidden;}
#nav4{
	background: url(../images/nav.jpg) no-repeat -604px 1px;
	overflow:hidden;}
#nav5{
	background:url(../images/nav.jpg) no-repeat -808px 1px;
	overflow:hidden;}
#nav1:hover{
	background:url(../images/nav.jpg) no-repeat -2px -50px;}
#nav2:hover{
	background:url(../images/nav.jpg) no-repeat -204px -50px;}
#nav3:hover{
	background:url(../images/nav.jpg) no-repeat -404px -50px;}
#nav4:hover{
	background: url(../images/nav.jpg) no-repeat -604px -50px;}
#nav5:hover{
	background:url(../images/nav.jpg) no-repeat -808px -50px;}

/*************center***************/
#center_bg{
	background-image: url(../images/page_center_bbg.png);
	background-repeat: repeat-x;
	background-position: 0px -6px;
}
/*************banner***************/

#banner_bg{
	width:100%;
	/*background:url(../images/index_banner1.jpg) no-repeat center top;*/
	}
#banner_page_pic{
	height:221px;}
.banner-list{
	width:100%;
	height:221px;
	position: absolute;
}
.banner-list li{
	width:100%;
	background-position:center top;
	height:221px;
	position: absolute;
	left: 0;
	top: 0px;
	}
/**控制器**/
#banner_box{
	width:1003px;
	margin:0 auto;
	height:221px;
	position:relative;
	overflow: hidden;
}
#banner_icon_box{
	position: absolute;
	z-index: 900;
	left: 58px;
	top: 362px;
	background: url(../images/banner_icon_bg.png) no-repeat 0px 0px;
	width: 73px;
	height: 23px;
	padding-left: 8px;
	padding-top: 5px;
}
#banner_icon_box ul{}
#banner_icon_box ul li{
	float:left;
	margin-left: 4px;
	margin-right: 4px;
}
#banner_icon_left{
	position: absolute;
	z-index: 901;
	left: 14px;
	top: 222px;
	cursor:pointer;
}
#banner_icon_right{
	position: absolute;
	z-index: 902;
	left: 963px;
	top: 222px;
	cursor:pointer;
}
/*******page********/
#center_box{
	width:953px;
	margin:0 auto;
	background:url(../images/page_center_bg.png) repeat-y center top;
	padding:0px 25px 10px 25px;
	}
/*******內框頁左邊********/
#center_box_left{
	float:left;
	}
#center_nav_box{}
#center_nav_title{}
#center_link_box{
	padding-top:30px;}
.center_link{
	padding-bottom:10px;}

#center_nav_box ul{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	background-image: url(../images/conter_nav_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}
#center_nav_box ul li{
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a0a0a0;
}
#center_nav_box ul li a{
	display: block;
	padding-top: 10px;
	padding-bottom: 4px;
	color: #333333;
	padding-left: 13px;
	font-weight: bold;
}
/**選單第二層**/
#center_nav_box ul li ul{
	background: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#center_nav_box ul li ul li{
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align:left;
	background: url(../images/liicon.png) 8px 17px no-repeat;
}
#center_nav_box ul li ul li a{
	color: #002A52;
	font-weight: bold;
}

/*******內框頁右邊********/
#center_box_right{
	float:left;
	padding-left:10px;
	width: 735px;
	}
#center_box_right_title{
	background: url(../images/conter_right_title.jpg) no-repeat left top;
	width: 709px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #707070;
	font-weight: bold;
	font-size:16px;
	padding-left:25px;
	}
#center_box_right_title span{
	color:#00479d;}
#center_page{
	padding:10px;}
/****關於我們****/
#about_box{
	background:url(../images/about.jpg) no-repeat left top;
	padding-top:300px;
	padding-left: 10px;
	padding-right:10px;
	width: 691px;}
#about_box p{
	font-size: 15px;
	color: #666;
	line-height: 24px;
}
/*******質量保證*******/
#quality_box{
	background:url(../images/quality.jpg) no-repeat left top;
	width:670px;
	padding-top: 383px;}
#quality_box ul{
	background: url(../images/quality/qu_bg.png) no-repeat center 176px;
	padding-left: 36px;
}
#quality_box ul li{
	float:left;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 61px;}
/*****產品介紹*****/
#product_box{}
#product_box .p1{
	/* padding-left:25px; */}
#product_box .p2{
	margin-left:10px;
	margin-top:10px;
	background:url(../images/product/p2.jpg) no-repeat center top;
	padding-top:40px;
	}
#product_box .p2 ul{
	padding-left: 42px;
	padding-top:10px;
	}
#product_box .p2 ul li{
	margin:10px;
	float:left;
	}
.p2_li_text{
	background:url(../images/product/p2_icon.jpg) no-repeat left center;
	font-size:15px;
	padding-left:10px;
	margin-bottom:5px;}
#product_box .p2 #p2_tab{
	margin-left: 42px;
	margin-top: 31px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	padding-top: 20px;
	width: 617px;
}
#product_box .p2 #p2_tab h1{
	font-size: 18px;
	padding-bottom: 10px;
	color: #2E74BE;
}
#product_box .p2 table{
	
	border: 1px solid #ccc;
	width: 622px;
	}
#product_box .p2 table th{
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	color: #FFF;
	background-image: url(../images/product_from_th.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
#product_box .p2 table td{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 17px;
}
#product_box .p2 table tr:nth-child(odd) {
	background-color: #d3e1ee;

}
#product_box .p2 table tr:nth-child(even) {
	background-color: #e8e8e8;
}
#product_box #p3{
	margin-left:17px;
	margin-top:10px;
	}
#por1{
	background:url(../images/product/p1_1.jpg) no-repeat center top;
	height:813px;
	position:relative;}
#por1 ul{
	position: absolute;
	top: 327px;
	left: 20px;
	width: 678px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #89b5e5;
}
#por1 ul li{
	padding-bottom: 13px;
	font-size: 14px;
	color:#333;
	width: 554px;
	position:relative;
	padding-left: 114px;
	padding-top: 13px;
	padding-right: 10px;
	text-align:left;
}
#por1 ul li:nth-child(odd){
	background:url(../images/p1_li_bg_1.png) repeat-y center top;
	}
#por1 ul li:nth-child(even){
	background:url(../images/p1_li_bg_2.png) repeat-y center top;
	}
#por2{
	background:url(../images/product/p2_1.jpg) no-repeat center top;
	height:680px;
	position:relative;}
#por2 ul{
	position: absolute;
	top: 327px;
	left: 20px;
	width: 678px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #89b5e5;
}
#por2 ul li{
	padding-bottom: 13px;
	font-size: 14px;
	color:#333;
	width: 554px;
	position:relative;
	padding-left: 114px;
	padding-top: 13px;
	padding-right: 10px;
	text-align:left;
}
#por2 ul li:nth-child(odd){
	background:url(../images/p1_li_bg_1.png) repeat-y center top;
	}
#por2 ul li:nth-child(even){
	background:url(../images/p1_li_bg_2.png) repeat-y center top;
	}
.sp_icon1{
	position:absolute;
	background:url(../images/p1_li_icon.png) no-repeat center top;
	width: 21px;
	height: 21px;
	text-align:center;
	color:#FFF;
	top: 14px;
	left: 34px;
	padding-top: 2px;
	padding-left: 2px;
}

/*******聯絡我們**********/
.content_box{  /* 773-40-40  實際內容寬度693*/
	margin: 15px 15px 60px 15px;
}
/* ---------------------- 聯絡資訊 ---------------------*/
.company_info{
	width: 693px;
	height: 152px;
	background-image: url(../images/img_contact.jpg.jpg);
	background-repeat: no-repeat;
	padding-top: 25px;
}
.company_info h5{
	margin-left: 49px;
	font-size: 16px;
}
.company_info h5 em{
	color: #354990;
	font-weight: bold;
}
.company_info ul{
    margin-left: 33px;
    margin-top: 17px;
}
iframe.contact_map {
	border: 5px solid #2C7496;
	margin-top: -34px;
	border-collapse: collapse;
	text-align: center;	
}
small a {
	background: url(../images/search.png) no-repeat 3px 1px;
	font-size: 12px;
	margin: 4px 4px 40px 0;
	padding: 3px 0 4px 30px;
	float: right;
}
/* ---------------------- 線上表單 ---------------------- */
h5.form{
	background: url(../images/contact_01.jpg) no-repeat;
	width: 706px;
	height: 29px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    *text-indent: -9999px;
}
p.online_form{
	margin: 5px 0 20px 0;
}
p.online_form em{
	color: red;
}
.table_form {
	width:100%;
	text-align: left;	
	margin: 0px 0 9px 0px;
	background-color:#e5e5e5;
	border-radius:3px;/*---------------圓角----------------*/
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	}	
.table_form th {
	background-color:#354990;
	text-align: center;
	color: #fff;
	padding:0;	
	padding: 7px 0;
	text-align: center;	
	border-radius:3px;/*---------------圓角----------------*/
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;		
}
.table_form th span{
	color:#F00;
}
.table_form td {
	padding:0px 10px;	
}
.table_form td.check {
	background: #fff;
	border-radius:3px;/*---------------圓角----------------*/
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;	
}
.table_form td span{
	color:#898989;	
}
.table_form .input {
	text-decoration: none;
	border: 1px solid #b5b5b5;
	width: 170px;
	height: 20px;
	padding:4px 4px;
	border-radius:3px;/*---------------圓角----------------*/
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;	
}
.table_form .input2 {
	text-decoration: none;
	border: 1px solid #b5b5b5;
	width: 300px;
	height: 20px;
	padding:4px 4px;
	border-radius:3px;/*---------------圓角----------------*/
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;	
}
.table_form .input3 {
	text-decoration: none;
	border: 1px solid #b5b5b5;
	width: 450px;
	height: 20px;
	padding:4px 4px;
	border-radius:3px;/*---------------圓角----------------*/
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;	
}
ul.shopping_btn{
	margin-bottom: 100px;
}
ul.shopping_btn li:nth-child(1){
	position: absolute;
	right: 180px;
}
ul.shopping_btn li:nth-child(2){
	margin-right: 0px;
	position: absolute;
	right: 40px;
}
.classname3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #0068b7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #0068b7;
	box-shadow:inset 0px 1px 0px 0px #0068b7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #354990), color-stop(1, #022663) );
	background:-moz-linear-gradient( center top, #354990 5%, #022663 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#354990', endColorstr='#022663');
	background-color:#354990;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #022663;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:38px;
	line-height:38px;
	width:130px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #022663;
}
.classname3:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #022663), color-stop(1, #354990) );
	background:-moz-linear-gradient( center top, #022663 5%, #354990 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#022663', endColorstr='#354990');
	background-color:#022663;
	color: #fff;
}
/* ----------------------------------------------------- 諮詢表單 ------------------------------------------------------*/
.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;
}
div.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;
}
#content_detial{
	margin: 5px 0px 0px 30px;}
/***********performance**********/
#performance_box{
    margin-left: 20px;
    margin-top: 10px;
}
#performance_box ul{}
#performance_box ul li{
	background:url(../images/performance_libg.jpg) no-repeat left top;
	width: 200px;
	height: 161px;
	float:left;
	padding-left: 5px;
	padding-top: 4px;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 14px;
	margin-bottom: 25px;
}
#performance_box ul li img{
	width: 180px;
	height: 139px;
	}
.performance_pic_text{
	color:#666;
	font-size:15px;
	padding-top:10px;}
/***********footer**********/
#footer_bg{
	width:100%;
	background-color:#434343;
	}
#footer_box{
	width:1003px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:10px;
	padding-left: 57px;
	background:url(../images/footer_box_bg.png) no-repeat center top;}
#footer_box p{
	padding-bottom:5px;
	color:#FFF;}