@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tbody, tfoot, thead,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {font-weight: normal;margin: 0;padding: 0;border: 0;font-size: 100%;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

a, a:hover, a:active, a:visited,img,div,input,background{text-decoration: none;outline: none; /* for Firefox */border:none;
hlbr:expression(this.onFocus=this.blur()); /* for IE */}
div,h1{font-family: Arial,"Heiti TC", "黑體-繁", "Microsoft JhengHei", "微軟正黑體", Verdana, Geneva, Helvetica, sans-serif;}

a{color: #fff;}

body{vertical-align: text-bottom;background: #000;}
#wrap{width:1000px;margin:0px auto;}
.logo{margin:10px auto auto 0px;width:286px;height:61px;float:left;}
.logo a{width:286px;height:61px;display:block;text-indent:-3000px;background: url(../images/logo.jpg) left top no-repeat;}
.logo a:hover{background: url(../images/logov.jpg) left top no-repeat;}



#top{height:90px;color:#fff;}
#btn{margin:18px auto auto 30px;float:left;width:445px;font-size:12px;}
#btn a{ font-family:"微軟正黑體", Arial;display:block;float:left;padding-left:15px;text-align:center;color:#fff;font-size:12px;margin:20px 4px auto 4px;_margin:20px 2px auto 4px;}
#btn a:hover{background: url(../images/btn.jpg) 0px 0px no-repeat;}
#btn a. current{background: url(../images/btn.jpg) 0px 0px no-repeat;text-decoration:none;}
#btn a:hover,a:active,a:visited{ text-decoration:none;}

#top .language{margin-top:29px;line-height:34px;padding-left:10px;font-size:11px;-webkit-text-size-adjust:none;width:210px;height:34px;float:left;}
#top .language a{height:34px;display:block;padding-left:10px;margin:0px 7px;_margin:0px 4px;font-size:11px;-webkit-text-size-adjust:none;color:#ffcc00;float:left;}
#top .language a:hover{background: url(../images/language.jpg) 0px 9px no-repeat;}


.flash{width:1000px;height:200px;padding:0px;font-size:0px;}


.footer{clear:both;padding-top:10px;padding-bottom:10px;width:1000px;margin-top:10px;font-size:12px;color:#fff;text-align:center;text-shadow: 0 0 0.2em #002984;background:#1d1d1d;}
.footer img{vertical-align: text-bottom;}


#main{width:1000px;overflow:hidden;background:url(../images/title.jpg) center top no-repeat;}
#menu{margin-left:8px;width:210px;float:left;}

#submenu-title{padding-top:50px;width:210px;height:40px;text-align:center;font-size:18px;color:#858583;}
.submenu{padding-top:10px;padding-bottom:10px;}

/*left的產品按鈕-----menu第一層按鈕設定*/
.menu_head {letter-spacing:1px;background: url(../images/menu2.jpg) bottom center no-repeat;display:block;width:210px;text-align:left;}
.menu_head a{font-size:14px;color:#6a6a6a;display:block;padding:10px 5px 10px 20px;line-height:18px;text-decoration:none;}
.menu_head a:hover{background: url(../images/menu.jpg) 0px 14px no-repeat;display:block;color:#fff;}
.menu_head a:hover,a:active,a:visited{ text-decoration:none;}
/*menu次目錄按鈕設定*/
.menu_body {/*display:none;*/width:201px;margin:0px auto 0px 20px;}
.menu_body ul{width:201px;border-bottom: solid 1px #000;}
.menu_body li{width:201px;font-size:12px;line-height:15px;margin:0px auto;background: url(../images/icon.jpg) 0px 10px no-repeat;padding:7px 0px 7px 0px;}
.menu_body li a{color:#5387b5;display:block;width:190px;padding-left:9px;}
.menu_body li a:hover{ text-decoration:underline;}
.menu_body li a:a:active,a:visited{ text-decoration:none;}


#right{overflow:hidden;width:740px;float:left;margin-left:30px;}

h1{padding-left:30px;padding-top:7px;line-height:64px;text-align:left;font-size:18px;color:#858583;}
.nav{margin-top:5px;color:#858583;font-size:12px;}
.nav a{color:#858583;background:url(../images/nav.jpg) right 4px no-repeat;padding-right:15px;width: auto;display:block;float:left;}
.nav a:hover{color:#c0c0c0;}

.contact{padding:10px;overflow:hidden;font-size:13px;lien-height:1.6;color:#bfbfbf;margin-bottom:20px;float:left;}
.obtns{margin-top:20px;width:166px;height:34px;background:url(../images/obtn.jpg) left top no-repeat;}
.obtns a{display:block;line-height:34px;text-indent:38px;color:#9e9e9e;font-size:12px;}
.obtns a:hover{color:#fff;}

/*products*/
.product_list{overflow:hidden;width:120px;float:left;margin:15px 12px;_margin:15px 6px;}
.product_pic{padding:2px;background:#0e0e0e;}
.product_pic img{width:116px;height:116px;}
.product-name{margin-top:5px;font-size:12px;height:40px;}
.product-name a{margin-top:2px;display:block;color:#bfbfbf;text-align:center;}
.product-name a:hover{color:#ffcc00;}
.product_pic input{display:block;margin:5px auto 5px auto;text-align:center;}


/*products-show*/
.show-box{overflow:hidden;width:713px;margin:20px auto;}

.showleft{width:310px;float:left;padding-bottom:20px;}

#product-show-pic{text-align:center;display:table-cell;vertical-align:middle;}
#product-show-pic img{height:280px;display:block;width:280px;}


.show-btn{line-height:31px;overflow:hidden;width:280px;margin-top:10px;background:url(../images/btn-show.jpg) center top no-repeat;}
.show-btn a{margin: auto 30px;float:left;color:#848484;text-align:center;font-size:11px;-webkit-text-size-adjust:none;}
.show-btn a:hover{color:#fff;}


.showright{width:401px;float:right;}
.product_show_name{padding-bottom:5px;margin-top:20px;margin-bottom:10px;text-align:left;font-size:18px;line-height:1.3;color:#ffcc00;border-bottom:solid 1px #ffcc00;}
.product_show_title{clear:both;line-height:30px;color:#ffcc00;font-size:13px;}
.product_show_introduction{clear:both;font-size:12px;line-height:1.6;color:#a49f8c;}
.product_show_introduction p{font-size:12px;}

.show-pic{margin-top:8px;clear:both;}
.show-pic a{border:solid 1px #aeaeae;float:left;margin-right:6px;}

/* contact us */

#contact{width: 632px;margin:10px auto;padding-bottom:30px;}
.c-pic{background:#fff;padding:0px;}
.contact_table {background-color: #131212;padding:10px;}
.contact_table th {
	color: #605d5d;font-size:13px;
	font-weight:normal;
	text-align: left; vertical-align: top;
	padding:10px;padding-top:15px;
	border-bottom:1px solid #2a2a2a;
}
.contact_table td {
	height: 24px;
	color: #605d5d;font-size:13px;
	text-align: left;
	padding: 10px 0px 10px 10px;
	border-bottom:1px solid #2a2a2a;
	border-right:0px;
}
.contact_table  tr.altrow {}
.contact_table input{color: #605d5d;background:#1e1d1d;height:20px;font-size:13px;border:#dedede;}
.contact_table select{color: #605d5d;background:#1e1d1d;font-size:13px;height:20px;border:#dedede;}
.contact_table textarea{color: #605d5d;background:#1e1d1d;font-size:13px;border:#dedede;}
.sumit-btn th{height:30px;text-align:center;}
.sumit-btn input{font-size:12px;color: #605d5d;margin:5px auto;cursor:pointer;display:block;width:70px;height:18px;background:;}

/*news*/

.news ul{width:673px;margin:20px auto;}
.news li{font-size:12px;display:block;width:673px;height:34px;background:url(../images/news2.png) left top no-repeat;line-height:34px;margin-bottom:7px;}
#n-top{display:block;width:673px;height:34px;background:url(../images/news1.png) left top no-repeat;}
.n-date{display:block;width:145px;text-align:center;color:#fff;float:left;}
.n-title{overflow:hidden;float:left;display:block;width:412px;text-align:center;color:#b8b8b8;}
.n-detail{display:block;width:10px;height:19px;margin:7px auto auto 55px;float:left;}


/*style*/
.yellow{color:#ffcc00;font-size:13px;}
.news_show {color:#a49f8c;line-height:1.5;
}
.news_show td {color:#a49f8c;
}
.news_show td.title {
	padding: 4px 8px 0px 18px;
	height: 20px;font-size:20px;
	text-align: left;color:#806022; font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}
.news_show td.main {
	padding: 4px 8px 0px 18px;
	font: 12px Arial,Helvetica,sans-serif;
	color:#a49f8c;
	text-align: left;
}
/* inquiry */
.inquiry_table {
font-family:"微軟正黑體";
margin: 10px 0px 0px 0px;
padding: 4px 8px 4px 8px;
font:12px;
text-align: left;
border-top-width: 1px;
border-top-style: solid;  	
border-top-color: #212121;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #212121;	
}
.inquiry_table th {
letter-spacing:1px;
padding: 4px 6px 4px 6px; 
height: 25px;
color: #fff;
background-color: #141313;
text-align: center;
border-bottom-width: 1px;	
border-bottom-style: solid;
border-bottom-color: #212121;  	
border-right-width: 1px;
border-right-style: solid;	
border-right-color: #212121;
}
.inquiry_table td {
padding: 4px 8px 4px 8px;
height: auto;
color: #000000;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #212121;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #212121;
}
.inquiry_table td.no {
	color: #fff;
}
.inquiry_table td.title a:link, .inquiry_table td.title a:visited {
	color: #fff;
	text-decoration: none;
}
.inquiry_table td.title a:hover, .inquiry_table td.title a:active {
	color: #ff0000;
	text-decoration: none;
}
.inquiry_table td.date {
	color: #222222;
}
.inquiry_table tr.altrow {
	background-color: #999999;
}
/* member form */
.member_table {
  padding: 4px 8px 4px 8px;
	font: normal 12px arial,helvetica,sans-serif;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;	
	border-top-color: #B6B6B6;
	border-left-width: 1px;
	border-left-style: solid;  	
	border-left-color: #B6B6B6;
}
.member_table th {
  padding: 4px 8px 4px 8px;
	height: 25px;  
	font-weight: bold;
	color: #333333;
	background-color: #cccccc;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid; 
	border-bottom-color: #B6B6B6;   	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B6B6B6;
}
.member_table td {
  padding: 2px 8px 2px 8px;
	height: 25px;
	color: #222222;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B6B6B6;
}
.member_table tr.altrow {
	background-color: #cccccc;
}
/* member zone form */
.member_zone_table {
  padding: 4px 8px 0px 8px;
	font: normal 12px Arial,Helvetica,sans-serif;
	color: #666666;
	border-top-width: 1px;
	border-top-style: solid;	
	border-top-color: #d6c9a0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d6c9a0;
	background: #ffffff;
}
.member_zone_table th {
  padding: 4px 6px 4px 6px;
	height: auto;
	font: bold 12px;
	color: #ffffff;
	line-height: 1.2;
	text-align: center;
	border-right-color: #d6c9a0;
	border-bottom-color: #d6c9a0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	background: #980203;
}
.member_zone_table td {
  padding: 4px 8px 4px 8px;
	height: auto;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6c9a0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d6c9a0;
}
.member_zone_table td a:link {
	text-decoration: none;
	color: #666666;
}
.member_zone_table td a:visited {
	color: #666666;
	text-decoration: none;
}
.member_zone_table td a:hover {
	color: #ff0000;
	text-decoration: none;
}
.member_zone_table td a:active {
	color: #666666;
}
.member_zone_table  tr.altrow {
	background-color: #eaeaea;
}
#pages{font-size:13px;color:#fff;}
#pages a{font-size:13px;color:#fff;}
#pages a:hover{ text-decoration:underline;}
#pages .current{text-decoration:underline;}
/*20130110*/
#page-back a{color:#848484;}