@charset "utf-8";
@import url("reset.css");
/* CSS Document */

/*整體*/
body{
	background-color: #000000;
	color: #dcd1b4;
	font-size:12px;
	line-height:1.8em;
	font:Arial, Helvetica, sans-serif;
	font-family:"Times New Roman", Times, serif,"新細明體";
}
#wrapper {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	min-height: 800px;
}

#header {
	height: 175px;
	margin: 0 32px 0 32px;
}


#secondary {
	background-color: #9b0a0a;
	width: 185px;
	top: 0px;
	left: 0px;
	background-image: url(images/left-menu-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:580px;
	position: absolute;
}
#primary {
	background-color: #ffffff;
	width: 735px;
	top: 0px;
	height: auto;
	margin-left: 185px;
	padding: 20px;
	min-height: 600px;
	color: #666;
}

#container {
	position: relative;
	width: 960px;
	margin: 0 35px;
}
#news-list,
#news-detail,
#productList,
#pdc_detail,
#shoppingcart_list,
#member,
#page {
	margin-right: 20px;
	margin-left: 20px;
	padding-bottom: 30px;
}
#pdc_detail{
	max-width: 700px;
}
.pdc-title-img{
	text-align:center;
}
.pdc_spec img{
	max-width: 680px;
	height:auto;
}
#index_productList{
	margin-right: 10px;
	margin-left: 15px;
	padding-bottom: 30px;
}
.fleft{
	float:left;
}
.section{
	margin:15px 12px;
	font-size: 12px;
	line-height: 2em;
	color: #98704b;
	text-align:justify;
	text-justify:inter-ideograph;
}
.section a{
	color:#98704b;
}
.section a:hover{
	text-decoration:underline;
}
.section h3{
	color:#593c36;
	font-size:13px;
	clear:both;
	line-height: 30px;
}
.section  p{
	margin:10px 0;
	clear:left;
}
.insert_img{
	padding: 5px;
	margin: 10px 5px;
	width: 160px;
}
.clear{
	clear:both;
}

a{
	text-decoration:none;
	color:#666;
}


/* 頁首*/
#logo {
	width:161px;
	float: left;
}
.row1 {
	font-size: 12px;
	line-height: 1.5em;
	text-decoration: none;
	width: 755px;
	float: right;
	color: #dcd1b4;
	padding: 5px 15px;
}
.row1 a{
	text-decoration: none;
	color: #dcd1b4;
}
.row1 a:hover{
	text-decoration:underline;
	color: #dcd1b4;
}

.fright{
	float: right;
}
.row2{
	width: 785px;
	float: right;
	padding: 20px 0;
}
#news {
	background-image: url(images/news_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 320px;
	height: 130px;
	padding: 0px 25px 30px 25px;
}
ul.item_scirle li {
	list-style-type: none;
	margin:0 0 0 10px;
	padding-left:12px;
	background-image: url(images/item_scire.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}
ul.item_scirle li a:hover{
	text-decoration:underline;
}

/*頁尾*/
#footer {
	height: 50px;
	clear:both;
	margin-left: 217px;
	font-size:12px;
	line-height:1.5em;
	margin-top: 10px;
}




/*左分類清單*/
#left-menu {
	margin: 10px 10px 70px 10px;
	width: 165px;
}
#icon{
	margin:10px;
}
.icon-box{
	padding:5px 0;
}
/*分類選單大類別*/
div.productClass a{
	display:block;
	width:165px;
	height:35px;
	line-height:35px;
	color:#f9ffcf;
	background-image:url(images/btn_linkTitle.png);
}
div.productClass a:hover{
	background-image:url(images/btn_currTitle.png);
	color:#fcc75b;
}
/*分類選單小類別*/
ul.classItem li a{
	display:block;
	width:153px;
	height:35px;
	padding-left:12px;
	line-height:35px;
	color:#f9ffcf;
}
ul.classItem li a:hover{
	background-image:url(images/btn_linkItem.png);
	color:#fcc75b;
}





/*產品列表*/
#product{
	padding-top:20px;
}
.pdc-box {
	width: 155px;
	background: #f6f3ed;
	padding: 5px;
	line-height: 1.5em;
	text-align:justify;
	text-justify:inter-ideograph;
	margin: 0 0 20px 0;
	float: left;
	height: 485px;
}
.pdc-box.box1{
	margin-right:8px;
}
.pdc-box.box2{
	margin-right:10px;
}
.pdc-name {
	font-size: 13px;
	font-weight: bold;
	color: #a15511;
	padding:15px 0;
	height:50px;
}
.pdc-name a{
	color: #a15511;
	text-decoration: none;
}
.pdc-name a:hover{
	text-decoration:underline;
}
.pdc-desc {
	color: #a0a0a0;
	background-image: url(images/line.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	font-family: "Times New Roman", Times, serif;
	padding:5px 0;
	height:200px;
}
.pdc-desc a{
	color: #a0a0a0;
	text-decoration:none;
}
.pdc-desc a:hover{
	color: #a0a0a0;
	text-decoration:underline;
	font-weight:normal;
}
.pdc-price {
	font-size: 16px;
	font-weight: bold;
	color: #e60000;
	height:35px;
}
.pdc-price a{
	font-size: 16px;
	font-weight: bold;
	color: #e60000;
	text-decoration:none;
}
.pdc-price a:hover{
	text-decoration:none;
}

.btn {
	float: right;
}

#pagenum {
	padding: 10px 0;
	width:100%;
	text-align: center;
}
#pagenum a{
	background-image: url(../images/pagenumber_off.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	text-decoration: none;
	color: #fff;
	padding: 10px 14px 10px 12px;
	height: 32px;
	width: 34px;
	line-height: 32px;
}
#pagenum a:hover{
	background-image: url(../images/pagenumber_on.png);
	padding: 10px 14px 10px 12px;
	background-repeat: no-repeat;
	background-position: left 0px;
	text-decoration: none;
	color: #fff;
	height: 32px;
	width: 34px;
	line-height: 32px;
}
#title {
	height: 30px;
	padding-bottom: 20px;
	position: relative;
	z-index: 0;
}




/*最新消息*/
#news-list a,a:active{
	color:#666;
	text-decoration:none;
}
#news-list a:hover{
	color:#666;
	text-decoration:underline;
}
#news-list-t {
	background-image: url(images/table_title_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	font-size: 13px;
}
#news-list-t th {
	line-height: 35px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
#news-list-t td {
	padding: 5px;
	color: #666;
	height: 25px;
}
.breadcrumb {
	color: #bbbbbb;
	text-align: right;
	height: 30px;
	line-height: 30px;
	padding-right: 10px;
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 0px;
}
.page_result {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #666;
	line-height: 25px;
}
.select_item {
	padding: 10px 25px;
}
#news-detail h2 {
	background-image: url(images/title_news_detail.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	height: 40px;
	line-height: 45px;
	padding-left: 45px;
	color: #ffb400;
	font-weight: bold;
	font-size: 15px;
}
#news-detail .news_date {
	font-size: 10px;
	color: #bbbbbb;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 1px;
	
}
.news-detail-content {
	padding-right: 15px;
	padding-left: 15px;
	text-align:justify;
	text-justify:inter-ideograph;
	padding-top: 15px;
	padding-bottom: 15px;
}
.news-detail-content h3{
	background-image: url(images/icon_download.png);
	background-repeat: no-repeat;
	background-position: left 0;
	padding-left: 25px;
	font-size: 12px;
	font-family: "新細明體";
}
.topline {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
}
.w-text {
	color: #FFF;
	line-height: 2em;
}
.w-text a{
	color: #FFF;
	line-height: 2em;
}
.y-text {
	color: #f9ffcf;
}



/*會員專區*/
#member	h3{
	background:url(images/icon_item.png) 0 6px no-repeat;
	padding-left: 25px;
	color:#a15511;
	font-size:13px;
	line-height:30px;
}
#member_login {
	background-image: url(images/member_login.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 220px;
	width: 415px;
	padding: 40px 160px 40px 160px;
	margin: 20px 0;
}
#member_data {
	width: 690px;
	margin:0 20px;
}

#orderForm fieldset{
	margin-top:30px;
	border:1px solid #ccc;
	margin-bottom: 20px;
}
#orderForm legend{
	padding-top:2px;
	color:#333333;
	font-weight:bold;
	border-top:3px solid #dc0101;
	margin-left: 2px;
}
#orderForm fieldset td {
	line-height: 1.8em;
	padding:5px;
}
#orderForm em {
	color: #DC0101;
}
#orderForm .submit{
	text-align:center;
	margin-top:10px;
}



/*產品明細*/
.pdc_title {
	font-size: 15px;
	font-weight: bold;
	color: #ffc333;
	line-height: 2em;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F4F4F4;
	border-bottom-color: #F4F4F4;
}
.pdc_detail_t {
	margin: 0 10px;
}
#pdc_detail_t td,
#pdc_detail_t tr{
	line-height:1.8em;
	padding:3px;
}
#pdc_detail_t th{
	color:#a78746;
	padding: 5px;
}
.pdc_detail_content {
	background-image: url(images/title_pdc_detail.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:40px;
	padding-top: 23px;
	padding-left: 65px;
	font-size: 15px;
	font-weight: bold;
	color: #a78746;
}
.pdc_spec {
	padding-right: 20px;
	padding-left: 20px;
}
.pdc_spec_t {
	font-weight: bold;
	color:#a78746;
}
.item_cirle {
	list-style-type: disc;
	margin:0 0 0 10px;
	padding-left:10px;
}
.pdc_detail_traffic {
	background-image: url(images/title_traffic.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 40px;
	padding-top: 23px;
	padding-left: 65px;
	font-size: 15px;
	font-weight: bold;
	color: #063;
}
.underline {
	background-image: url(images/line.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	clear: both;
}
#pdc_list_bg {
	width: 155px;
	height: 140px;
}
.pdc_list_bg_bottom {

	padding: 10px 3px 3px 3px;
	height: 105px;
}

#pdc_detail_bg {
	background-image: url(images/pdc_bg_b_top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height:250px;
	margin: 8px auto 0 auto;
	height: auto;
	width: 350px;
}
.pdc_detail_bg_bottom{
	background-image: url(images/pdc_bg_b_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding: 20px 8px 12px 8px;
	height: 220px;
}




/*購物車*/
#shoppingcart_list h3{
	background:url(images/icon_item.png) 0 6px no-repeat;
	padding-left: 25px;
	color:#a15511;
	font-size:13px;
}
.shoppingDetail_name a{
	color: #a0a0a0;
	text-decoration:none;	
}
.shoppingDetail_name a:hover{
	color: #a0a0a0;
	text-decoration:underline;
}
#shoppingDetail td,th{
	line-height:30px;
	padding:0 5px;
}

#shoppingDetail th{
	background:#f6f3ed;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.redtext {
	color: #e60000;
}
.redtext a{
	color: #e60000;
}
.td_rline {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
#shopping_total td{
	line-height:30px;
	padding:0 5px;
}
.shopping_total_bline{
	border-bottom:1px solid #ccc;
}
#kindSelect td,
#paySelect td,
#receptDetail td{
	line-height:35px;
}

.kind_box {
	padding: 5px;
	width: 120px;
	background: #f6f3ed;
	float:left;
	margin:0 0 5px 0;
}
.kind_box.kind1{
	margin-right:5px;
}
.total_top_line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #efefef;
}
.total_bottom_line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
}
.list_1 table{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #efefef;
	border-bottom-color: #efefef;	
}
.list_1 td{
	padding: 5px;
}



/*媒體報導*/
#media dl{
	/*margin-top:20px;*/
}
#media dt{
	background-image: url(images/icon_item_2.jpg);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 18px;
	font-size:15px;
	color: #98704b;
	font-weight:bold;
}
#media dd{
	padding-left:18px;
	padding-bottom:10px;
	margin-bottom:10px;
}
#media dd a {
	color: #666;
	text-decoration: none;
}
#media dd a:hover {
	color: #666;
	text-decoration: underline;
}
#media dt a{
	color: #98704b;
	text-decoration:none;	
}
#media dt a:hover{
	color: #98704b;
	text-decoration:underline;	
}


.media_bg_l {
	background-image: url(images/media_bg1.jpg);
	background-repeat: no-repeat;
	height: 103px;
	padding: 40px 20px 5px 140px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	width: 534px;
	background-position: left 0px;
}
.media_bg_r {
	background-image: url(images/media_bg2.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 78px;
	padding: 40px 80px 5px 80px;
	width: 534px;
	margin-top: 20px;
}


/*購物說明*/
#shopping_explain {
	background-image: url(images/title_shopping_explain2.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	font-size:13px;
	color: #98704b;
	font-weight:bold;
	line-height: 2.5em;
}

.b_text {
	color: #593c36;
}




/*錯誤提示*/
.error{
	color:#F00;
}