/*
Template Name: 銀色電池小鋪
Template URI: http://www.hanbox.com.tw/
Description: 清新爽快的銀色電池小鋪風格.
Version: 2.6.2
Author: hanbox design Team
Author URI: http://www.hanbox.com.tw/
Logo filename: logo.gif
縮圖：設定為120PX，大圖：300PX
*/

/*===========================================
        頁面綜合部分
  ===========================================*/

body {
  font: 12px Tahoma, "新細明體", Helvetica, sans-serif;
  background: #13181E;
}

body,form,ul,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6 {
  margin: 0px;
  padding: 0px;
}

input,select,textarea {
  font-size: 12px;
}

ul,ol {
  list-style: none;
}

img {
  border: 0;
}
acronym{
background:url(images/news_arrow.gif) no-repeat left;
width:11px; height:11px;
padding-left:8px;
}
a,a:link,a:visited {
  color: #4B6073;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

a:hover {
  color: #333;
  text-decoration: underline;
}

.hack {
  clear: both;
}

.mark-price {
  background: #5D3411;
  color: #FFF;
  font-weight: bold;
}

.goods-price {
  color: #4A6075;
  font-weight: bold;
}

.market-price {
  color: #4A6075;
}

.group-goods-list {
  border-bottom: 1px dashed #CCC;
}

.content-div {
  padding: 10px 20px;
}

#pager {
  padding: 10px 0px;
}

#loader {
  background-color: #FFFFCC;
  border: 1px solid #CC0000;
  position: fixed;
  color: #CC0000;
  z-index: 1000;
  left: 50%;
  bottom: 50%;
  padding: 5px 15px;
  /*display: none;*/
  filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.65);
  opacity: 0.65;
}

* html #loader {
  position: absolute;
}

.list-style li {
  list-style: none;
  margin-bottom: 5px;
  padding-left: 8px;
  background: url(images/list-dist2.gif) no-repeat center left;
/*列表圖標*/
}

/*===========================================
        頁面佈局部分
    ===========================================*/

#globalWrapper {
  width: 970px;
  margin: 0px auto;
  padding: 0px;
  background: #FFF;
}

#container {
  background: url(images/container-bg.gif) repeat-y;
  float: left;
/*三欄式*/
}

#container2 {
  float: left;
  background: url(images/container-bg2.gif) repeat-y;
/*兩欄式*/
}

#page-left {
  float: left;
  width: 185px;
  overflow: hidden;
}

#page-middle {
  float: left;
  width: 599px;
  padding: 0 0 0 1px;
  overflow: hidden;
}

#page-right {
  float: left;
  width: 185px;
  overflow: hidden;
}

/*===========================================
        分類模塊設置 商品模塊顯示部分
===========================================*/

.col-box,
#page-left .col-box2 {
  background: url(images/title-01.jpg) repeat-x;
  width: 100%;
  overflow: hidden;
  clear: both;
  position: relative;
}

.col-box h3,
#page-left .col-box2 h3 {
  line-height: 28px;
  font-size: 12px;
  color: #ffffff;
  background: url(images/title-01-arrow.jpg) no-repeat center left;
  padding: 2px 0 0 24px;
}

.col-box .caption {
  line-height: 28px;
  font-size: 12px;
  color: #ffffff; display:block; overflow:hidden; zoom:1;
  background: url(images/title-01-arrow.jpg) no-repeat top left;
  padding: 2px 0 0 24px;
}
.col-box .caption h2{
float:left; margin-right:2px; font-weight:normal; font-size:12px;
}
.col-box .caption h2 a{ color:#000; background:#fff; padding:3px;}
.col-box .caption .h2bg{ font-size:12px;}
.col-box .caption .h2bg a{ color:#242C38; background:none;}
.col-box .caption .h2bg a:hover{ color:#000; background:none;}

.col-box .caption .itemTit{
float:right; margin-right:70px; font-weight:normal; display:inline; _padding-top:1px; padding-top:4px;
}


.globalModuleContent {
  line-height: 1.6em;
  color: #e58ad3;
  padding: 10px;
}
.globalModuleContent a {
  color: #e58ad3;
}
.globalModule .more {
  position: absolute;
  top: 5px;   right: 10px;
}


.col-box-content,
#page-left .col-box2-content {
  color: #242C38;
  line-height: 1.6em;
  padding: 10px;
}

.col-box-content table {
  border-collapse: collapse;
}

.specTb {
  border-collapse: collapse; border:#A1A8B8 1px solid;
}

.specTb th {
  background-color:#344050; color:#FFF; text-align:left;
}

.specTb td {
  border-bottom:#A1A8B8 1px solid; border-right:#A1A8B8 1px solid;
}

.specTb td a {
  color: #F60; text-decoration:underline;
}

.specTb td a:hover {
  color: #4B91C6; text-decoration:none;
}

.col-box-content ul {
  list-style-type:disc; list-style:outside; margin-bottom:10px; padding-left:20px;
}
.col-box-content ol {
  list-style-type:decimal; list-style:outside; margin-bottom:10px; padding-left:20px;
}

.col-box-content p {
  margin-bottom:1em;
}

.col-box .more,
#page-left .col-box2 .more {
  position: absolute;
  top: 10px;
  right: 10px;
}

.col-box2 {
  background: #242C38 url(images/title-02.jpg) repeat-x;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.col-box2 a:link,
.col-box2 a:visited {
  color: #EAF7FF;
}

a.a01:link,
a.a01:visited{
  color: #4b6071;
}
.col-box2 a:hover {
  color: #4B91C6;
  text-decoration: underline;
}

.col-box2 h3 {
  line-height: 28px;
  font-size: 12px;
  color: #fff;
  background: url(images/title-02-arrow.jpg) no-repeat center left;
  padding: 2px 0 0 24px;
}

.col-box2-content {
  padding: 10px;
  color:#FFF;
}

.col-box2 .more {
  position: absolute;
  top: 7px;
  right: 10px;
}

.col-box2 .more a {
  color: #fff;
}

.col-box2 ul {
  position: relative;
}

.item-list li {
  width: 286px;
  height: 130px;
  float: left;
  list-style: none;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  margin-bottom: -1px;
  padding: 10px 0 0 13px;
/*產品列表區*/

}

.item-list .photo {
  float: left;
  margin-right: 10px;
}

.item-list .price {
  line-height: 1.2em;
}

.item-list .name {
  padding: 5px 0;
}

.item-list .name a {
  font-weight: bold;
}

.item-list .buy-btn {
  margin-top: 10px;
}

.item-list .item-right {
  border-right: 0;
}

.item-list .more {
  float: right;
}

.sort-box01 {
  background: #FFFDF1;
}

.sort-box02 {
  background: #907233;
}

.title-01 {
  background: url(images/title-01.gif) repeat-x;
  height: 30px;
  clear: both;
/*淺色 分類標題背

景重複*/
}

.title-01-arrow {
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #4B6071;
  background: url(images/title-01-arrow.gif) no-repeat center left;
  height: 23px !important;
  height: 22px;
  padding: 7px 0 0 20px !important;
  padding: 8px 0 0 20px;
/*淺色分類標小圖標和文字設置部分*/
}

.title-01 span a,
.title-01 span a:visited {
  font-size: 12px;
  color: #4B6071;
/*淺色更多鏈接按鈕顏色*/
}

.title-01 span a:hover {
  color: #FFF;
  background: #4B6071;
/*淺色更多鏈接按

鈕經過顏色*/
}

.sort-box01 {
  background: #F5F9FC;
}

.title-02 {
  background: url(images/title-02.gif) repeat-x;
  height: 30px;
  clear: both;
/*分類標題背景重複部分*/
}

.title-02 span a:visited {
  font-size: 12px;
  color: #FFF;
/*深色更多鏈接按鈕顏色*/
}

.title-02 span a:hover {
  color: #41515E;
  background: #FFF;
/*深色更多鏈接按鈕經過顏色*/
}

.title-02-arrow {
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #FFF;
  background: url(images/title-02-arrow.gif) no-repeat center left;
  height: 23px !important;
  height: 22px;
  padding: 7px 0 0 20px !important;
  padding: 8px 0 0 20px;
/*分類標小圖標和文字設置部分*/
}

.sort-box02 {
  background: #5B6D7B;
}

#sort-box02 a:link {
  color: #EAF7FF;
}

#sort-box02 a:visited {
  color: #EAF7FF;
}

#sort-box02 a:hover {
  color: #70F2FF;
  text-decoration: underline;
}

.title-03 {
  background: url(images/title-01.jpg) repeat-x;
  height: 30px;
  clear: both;
/*分類標題背景重複部分*/
}

.title-03 span {
  float: left;
  padding: 7px 0 0 0px;
}

.title-03 span a,
.title-03 span a:visited {
  text-decoration: none;
}

.title-03 span a:hover {
  text-decoration: underline;
}

.title-03-arrow {
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #FFF;
  background: url(images/title-02.gif) repeat-x;
  float: left;
  height: 23px !important;
  height: 22px;
  width: 80px;
  padding: 7px 0 0 10px !important;
  padding: 8px 0 0 10px;
/*分類標小圖標和文字設置部分*/
}

.title-04-arrow {
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #FFF;
  background: url(images/title-04-arrow.gif) repeat-x;
  float: left;
  height: 23px !important;
  height: 22px;
  width: 80px;
  padding: 7px 0 0 10px !important;
  padding: 8px 0 0 10px;
/*分類標小圖標和文字設置部分*/
}

.title-05-arrow {
  font: 12px Arial, Helvetica, sans-serif;
  background: url(images/title-01-arrow.jpg) no-repeat center left;
  float: left;
  height: 23px !important;
  height: 22px;
  width: 60px;
  padding: 8px 0 0 24px !important;
  padding: 8px 0 0 24px;
/*分類標小圖標和文字設置部分*/
}

.title-01 span,
.title-02 span {
  float: right;
  margin-right: 10px;
/*更多鏈接按鈕*/
}

.product-list {
  padding-left: 8px;
/*產品列表區域塊*/
}

.product-list li {
  width: 280px;
  height: 130px;
  float: left;
  list-style: none;
  margin: -1px 0 0 0;
  padding: 10px 0 0 13px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCCCCC;
/*產品列表區*/
}

.product-list .photo {
  float: left;
  margin-right: 10px;
}

.product-list .photo a:hover {
  border: 1px #ff6600 solid;
}

.product-list .price {
  height: 50px;
}

.product-list .name a {
  display: block;
  height: 25px;
  padding-top: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #FB7D02;
}

#group-buy li {
  width: 180px;
  height: 170px;
  float: left;
  list-style: none;
  margin: -1px 0 0 0;
  padding: 10px 0 0 13px;
  text-align: center;
}

#group-buy .photo {
  margin-bottom: 10px;
  display: block;
}

#group-buy .name {
  height: 25px;
  display: block;
}

/*===========================================
        商品列表 搜索結果
    ===========================================*/

.goods-list {
  padding: 5px;
  margin: 5px;
}

.goods-list li {
  list-style: none;
  float: left;
  width: 180px;
  height: 230px;
  display: block;
  text-align: center;
  line-height: 160%;
  padding-top: 10px;
}

.goods-list li .goods-name {
  display: block;
  font-weight: bold;
}

.goods-list li .photo {
  margin-bottom: 8px;
}

.goods-list li a:hover img {
  background: #F00;
}

.new-article {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.6;
}

/*===========================================
        頂部菜單和主導航部分
    ===========================================*/

#page-top {
  width: 970px;
  margin: 0px auto;
  padding: 0px;
}

#logo-topnav {
  height: 80px;
  background: url(images/headerBg.jpg) no-repeat bottom;
/*頂部行高和重複背景*/
}

#logo {
  margin: 0px auto;
}

#topnav {
  float: right;
  text-align: right;
  padding-top: 14px;
  padding-right:10px;
}

#topnav a:hover {
  text-decoration: underline;
}

#global-nav {
  height: 34px;
  background: url(images/nav-bg.jpg) repeat-x;
/*主導航行高和重複背景*/
}

#main-nav { width: 950px; padding: 0 10px; margin: 0px auto;} /*主導航總寬度*/
#main-nav li { 
  list-style: none;
  float: left;
  height: 22px !important; height: 20px;
  padding: 10px 15px 0 15px !important; padding: 12px 15px 0 15px;
  background: url(images/nav-line.gif) no-repeat center right;
/*主導航重複部分(控制寬度和分隔線)*/
}

#main-nav a:link,#main-nav a:visited { color:#ffffff; text-decoration: none; }
#main-nav a:hover { color:#000000; text-decoration: underline;}

/*===========================================
        購物車
    ===========================================*/

#ECS_CARTINFO {
  padding: 10px 10px 10px 40px;
  background: #242C38 url(images/cart-icon.gif) no-repeat 8px center;
}

#ECS_CARTINFO a {
  color: #FFF;
}

#ECS_CARTINFO a:hover {
  text-decoration: underline;
}

/*===========================================
        文章列表
    ===========================================*/

.sort-box01 .art-title {
  width: 335px;
  height: 20px;
  float: left;
  padding-top: 5px;
  border-bottom: 1px solid #CCC;
}

.sort-box01 .art-author {
  width: 150px;
  height: 20px;
  padding-top: 5px;
  float: left;
  border-bottom: 1px solid #CCC;
}

.sort-box01 .art-date {
  width: 90px;
  height: 20px;
  float: left;
  padding-top: 5px;
  border-bottom: 1px solid #CCC;
}

/*===========================================
        搜索表單部分
    ===========================================*/

#globalSearch {
  font-size: 12px;
  color: #B9CDDC;
  background: url(images/search-bg.gif) repeat-x;
/*表單全局和重複背景*/
}

#globalSearch .SearchBgRight {
  height: 34px;
  padding: 10px 0 0 30px;
}

#globalSearch img,
#globalSearch input,
#globalSearch select {
  vertical-align: middle;
}

#globalSearch a:link,#globalSearch a:visited { color:#3D444F; text-decoration: none; }
#globalSearch a:hover { color:#000000; text-decoration: underline;}

#keyword {
  background: url(images/search-input.gif) right;
  width: 250px;
  height: 16px;
  padding: 4px 5px 3px;
  border: 0;
/*搜索輸入框背景重複*/
}

#globalSearch #hotSearch {
  color: #fff;
  float: right;
  padding: 0 20px 0 10px;
  margin: 0;
}

#globalSearch #hotSearch a {
  line-height: 21px;
  color: #fff;
  margin: 0 2px;
}

/*===========================================
        所以分類菜單
    ===========================================*/

.catalog-div {
  border: 1px solid #808080;
  background: #FFF;
  display: none;
  position: absolute;
  padding: 5px 20px;
  margin: 0;
}

.catalog-div ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.catalog-div li {
  white-space: nowrap;
}

.catalog-div .top-cate {
  border-bottom: 1px solid #DADADA;
  font-weight: bold;
  margin: 3px auto;
}

.catalog-div .snd-cate {
  padding-left: 1em;
}

/*===========================================
        登錄和Flash輪循廣告
    ===========================================*/

#flash {
  float: right;
/*Flash輪循廣告*/
}

.login-input {
  color: #FFF;
  width: 98px;
  height: 16px;
  border: 0px;
  background: #5B6D7A;
  padding-left: 3px;
  float: left;
  margin-bottom: 5px;
/*會員和密碼輸入框*/
}

.login-btn {
  color: #4E6076;
  border: 0px;
  background: transparent url(images/submit-btn.gif);
  width: 51px;
  height: 20px;
  padding-top: 0px !important;
  padding-top: 3px;
/*會員和密碼確定按鈕*/
}

#ECS_MEMBERZONE {
  float: left;
  width: 185px;
  height: 193px;
}

#ECS_MEMBERZONE #captcha {
  width: 50px;
}

#ECS_MEMBERZONE .col-box {
  height: 193px;
/*登錄區域尺寸*/
}

#ECS_MEMBERZONE .col-box p {
  line-height: 1.6em;
  margin-bottom: 10px;
}

#ECS_MEMBERZONE a:hover {
  text-decoration: underline;
}

#ECS_MEMBERZONE .col-box label {
  color: #FFF;
  background: #96A6B2;
  display: block;
  height: 17px;
  padding: 1px 8px 0 8px;
  float: left;
  margin-bottom: 3px;
}

/*===========================================
        商品分類
    ===========================================*/

#category-tree {
  padding: 10px;
  line-height: 160%;
}

#category-tree ul {
  list-style: none;
}

#category-tree .parent-cat a,
#category-tree .parent-cat a:visited {
  color: #4E6076;
  font-weight: bold;
  margin: 5px 0 3px 0;
  padding: 0 0 0 3px;
  border-bottom: 1px dashed #CCC;
  display: block;
  width: 160px !important;
  width: 150px;
  clear: both;
/*大分類*/
}

#category-tree span {
  margin-right: 5px;
  white-space: nowrap;
}

#category-tree .parent-cat a:hover {
  border-bottom: 1px dashed #7B3A02;
/*分類文字經過效果*/
}

/*===========================================
        特價促銷
    ===========================================*/

#pomotion {
  padding: 10px;
}

#pomotion li {
  list-style: none;
  padding-left: 8px;
  border-bottom: 1px dashed #EAF7FF;
  background: url(images/list-dist.gif) no-repeat center left;
  margin-bottom: 5px;
/*列表圖標*/
}

#pomotion li a {
  line-height: 140%;
  color: #EAF7FF;
/*列表字體顏色和行高*/
}

#pomotion li a:hover {
  color: #70F2FF;
  text-decoration: underline;
/*列表字體經過效果*/
}

/*===========================================
        銷售排行TOP10
    ===========================================*/

#top10 {
  padding: 5px;
}

#top10 li {
  list-style: none;
  padding: 3px;
  background: #A5B8C6;
  margin-bottom: 5px;
}

#top10 li img {
  vertical-align: middle;
}

#top10 li span {
  vertical-align: middle;
  padding-left: 5px;
}

#top10 li span a {
  font-weight: bold;
  color: #FFF;
}

#top10 li span a:hover {
  padding: 3px;
  background: #4B6071;
  margin-bottom: 5px;
  text-decoration: underline;
}

/*===========================================
        商品詳情
    ===========================================*/

#goods-info {
  background: #FFF;
  padding: 5px;
}

#goods-info dl {
  float: left;
  width: 430px;
  margin: 10px;
}

#goods-info dt {
  color: #9F042C;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

#goods-info dd {
  color: #32424F;
  line-height: 160%;
}

#goods-info-photo {
  text-align:left;
  width:300px;
  margin:10px;
  background: #FFFFFF;
  float: left;
}

#goods-info-photo img {
  border: 0px solid #CDCDCD;
  padding: 0px;
}

#goods-info-photo .zoom {
  width: 60px;
  height: 14px;
  padding-left: 15px;
  margin: 5px auto 0 auto;
  background: url(images/zoom.gif) no-repeat center left;
}

#goods-info-photo .zoom a:hover {
  text-decoration: underline;
}

#itemGallery { padding:0px 0px; margin:8px 0 0; }
#itemGallery li { display:inline; margin-right:1px;}
#itemGallery img {width:50px; height:50px; padding:1px; border:1px solid #d8d8d8;}

/*===========================================
        商品屬性
    ===========================================*/

#properties {
  padding: 10px;
  color: #32424F;
}

#properties th {
  background: #F8F8F8;
}

#properties td {
  background: #FFF;
}

/*===========================================
        商品相冊
    ===========================================*/

#goods-gallery {
  padding: 10px;
}

#goods-gallery .goods-gallery-outside {
  margin-bottom: 10px;
  width: 130px;
  height: 130px;
  background-color: #BBBBBB;
}

#goods-gallery .goods-gallery-inside {
  position: relative;
  top: 5px;
  left: 5px;
}

img.thumb {
  border: 1px solid #dadada;
  margin: 0px;
  padding: 0 5px 5px 0;
}

/*===========================================
        網站幫助
    ===========================================*/

#help {
  width: 100%;
  clear: both;
  text-align: left;
  margin: 0px auto;
  color: #ebe6c0;
}

.help-title {
  color: #FFF;
  background: url(images/title-03.gif) repeat-x;
  height: 29px;
  clear: both;
  border-right: 1px solid #A5B8C6;
}

.help-title img {
  vertical-align: middle;
}

.help-title span {
  font-weight: bold;
  vertical-align: middle;
}

.help-title div {
  background: url(images/title-03-arrow.gif) no-repeat center left;
  padding: 1px 0 0 25px !important;
  padding: 3px 0 0 25px;
}

.help-list {
  background: #242C38;
  border-right: 1px solid #A5B8C6;
  padding: 10px 15px;
  vertical-align: top;
  color: #EAF7FF;
}

.help-list li {
  color: #EBE6C6;
  list-style: none;
  padding-left: 8px;
  background: url(images/list-dist2.gif) no-repeat center left;
/*列表圖標*/
}

.help-list a,
.help-list a:visited {
  line-height: 140%;
  color: #EAF7FF;
/*列表字體顏色和

行高*/
}

.help-list a:hover {
  color: #70F2FF;
  text-decoration: underline;
}

/*===========================================
        瀏覽歷史 您的選擇
    ===========================================*/

#history,#your-picking {
  padding: 10px;
}

#history li,#your-picking li {
  list-style: none;
  padding-left: 14px;
  background: url(images/list-arrow.gif) no-repeat 0px 5px;
/*列表圖標*/
}

#history ul { padding-left:0px;}

#history li a,#your-picking li a {
  line-height: 140%;
  color: #32424F;
/*列表字體顏色和行高*/
}

#history li a:hover,#your-picking li a:hover {
  color: #666;
  text-decoration: underline;
/*列表字體經過效果*/
}

/*===========================================
        用戶中心
    ===========================================*/

#user-list {
  padding: 10px;
}

#user-list li {
  list-style: none;
  padding-left: 8px;
  border: 1px solid #4A6075;
  background: url(images/list-dist2.gif) no-repeat center left;
  margin-bottom: 3px;
  padding: 3px 5px 3px 10px;
/*列表圖標*/
}

#user-list li a {
  line-height: 140%;
  color: #4A6075;
/*列表字體顏色和行高*/
}

#user-list li a:hover {
  color: #666;
  text-decoration: underline;
/*列表字體經過效果*/
}

/*===========================================
        最新出價 活動列表 我的出價
    ===========================================*/

#snatch-price,#snatch-list {
  padding: 10px;
  color: #FDFDFD;
}

#snatch-myprice li,#snatch-price li,#snatch-list li {
  list-style: none;
  line-height: 160%;
  border-bottom: 1px dashed #EBE6C6;
  background: url(images/list-dist2.gif) no-repeat center left;
  padding-left: 5px;
}

#snatch-price li a,#snatch-list li a {
  color: #EBE6C6;
}

#snatch-myprice li a:hover,#snatch-price li a:hover,#snatch-list li a:hover {
  color: #FDFDFD;
}

/*===========================================
        文章分類
    ===========================================*/

#article {
  height: 22px;
  padding:4px 0px;
  text-align: center;
  background: url(images/article-bg.gif) repeat-x;
}

#article img {
  vertical-align: middle;
  margin: 0px 5px;
}

#footer #article a:link,#footer #article a:visited { color:#3D444F; text-decoration: none; }
#footer #article a:hover { color:#000000; text-decoration: underline;}

/*===========================================
        相關文章
    ===========================================*/

#goods_article {
  padding: 10px 10px 20px 10px;
}

#goods_article li {
  list-style: none;
  border-bottom: 1px solid #ccc;
  padding-left: 5px;
  margin-bottom: 3px;
  background: url(images/list-dist2.gif) no-repeat center left;
}

#goods_article li span {
  float: right;
  font-size: 10px;
  color: #888;
  padding-right: 10px;
}

#goods_article li a:hover {
  text-decoration: underline;
}

/*===========================================
        所有內容
    ===========================================*/
#articleContent { padding:10px 30px; color: #242C38; line-height: 1.6em; min-height:300px; background-color:#F5F9FC;}	
#articleContent p { margin-bottom:10px;}
#articleContent ol,#articleContent ul { margin-bottom:10px;}
#articleContent ol { list-style:inside; list-style-type:decimal;}
#articleContent ul { list-style:inside; list-style-type:disc;}


/*===========================================
        所有分類
    ===========================================*/

#cotalog-list ul {
  margin-left: 10px;
  padding-left: 10px;
}

/*===========================================
        商品標記
    ===========================================*/

#goods_tags {
  padding: 10px;
}

#goods_tags a {
  margin-right: 5px;
}

#goods_tags a:hover {
  text-decoration: underline;
}

/*===========================================
        底部版權備案信息
    ===========================================*/

#footer {
  color: #B7BAC6;
  background: #505A67;
  width: 970px;
  text-align: center;
  padding-bottom: 10px;
  line-height: 1.6em;
  margin: 0px auto;
}

#footer a:link,#footer a:visited { color: #B7BAC6; text-decoration: none; font-size: 12px; }
#footer a:hover { color: #B7BAC6; text-decoration: underline; }


#footer #footer-logo {
  margin: 10px auto 5px auto !important;
  margin: 10px auto 0px auto;
  text-align: center;
}


/*========================================
            分類樹
=========================================*/

#navcontainer {
  margin-left: 0px;
}

#navcontainer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li {
  margin: 0px;
}

#navcontainer a {
  display: block;
  padding: 5px 10px;
  width: 165px;
  color: #FFFFFF;
  background-color: #242C38;
  text-decoration: none;
  border-top: 1px #415065 solid;
}

#navcontainer a:hover {
  color: #FFFFFF;
  background-color: #06903A;
  text-decoration: none;
}

#navcontainer ul ul li {
  margin: 0px;
}

#navcontainer ul ul a {
  display: block;
  padding: 5px 5px 5px 20px;
  width: 160px;
  color: #A7B6CF;
  background-color: #344050;
  text-decoration: none;
}

#navcontainer ul ul a:hover {
  color: #fff;
  background-color: #4B91C6;
  text-decoration: none;
}

#compareBox {
  width: 130px;
  background: #fff;
  padding: 10px 3px 5px;
  border: 1px solid #999;
  position: absolute;
  right:1px;   top:200px;
  opacity: 0.8;    filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.8);
}
#compareBox input {
  color: #FFF;
  background: #000;
  width: 120px;
  padding-top: 3px;
  margin-bottom: 5px;
  border: 1px solid #000;
}
#compareList {
  width: 120px;
  margin: 0px;    padding: 0px;
}
#compareList li {
  color: #333;
  text-align:left;
  width: 110px;    height: 20px;
  background: #F1F1F1;
  margin: 3px 0;   padding: 3px 5px;
  border: 1px solid #999;
}
#compareList li img {
  cursor: pointer;
}

#globalCompare table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #DADADA;
  table-layout: fixed;
}
#globalCompare th,
#globalCompare td {
  vertical-align: top;
  padding: 3px 10px;
}
#globalCompare th {
  text-align: left;
  background: #f1f1f1;
  width: 120px;
}
#globalCompare td.btnList img {
  margin-bottom: 3px;
}
#globalMessage .btnFile {
  text-align: right;
  padding: 10px 20px 3px;
}
#globalMessage .topLine {
  margin-top: 20px;
  border-top: 2px solid #a5d2eb;
}



.table-list {
  width: 100%;
  border-color: #dadada;
}
.table-list td,
.table-list th {
  vertical-align: top;
  border-color: #dadada;
}
.form-table {
  width: 100%;
  border-color: #dadada;
}
.form-table td,
.form-table th {
  text-align: left;
  vertical-align: top;
  border-color: #dadada;
}
.btnBlue {
  padding: 1px 8px;
  border: 1px solid #999;
}
.vAlign {
  vertical-align: middle;
}

#pwd_lower,
#pwd_middle,
#pwd_high {
  border-bottom: 2px solid #dadada;
}


/*  ==================== 列表方式顯示 ====================  */
.itemList .item {
  overflow: hidden;
  padding: 10px;    margin: 10px;
  border: 1px solid #e0e1e2;
  zoom: 1;
}
.itemList .item .pic {
  float: left;
  position: relative;
}
.itemList .item .pic img {
  background:transparent;
  padding: 0px;
  border: 0px solid #e0e1e2;
}
.itemList .item .itemListInfo {
  float: left;
  padding-left: 30px;
}
.itemList .item .itemListInfo .name img {
  vertical-align: middle;
}
.itemList .item .itemListInfo .name a {
  font-weight: bold;
  color: #0b54ab;
}
.itemList .item .price {
  color: #666;
}
.itemList .item .price .goodsPrice {
  color: #F60;
}
.itemList .item .price .marketPrice {
  color: #0b54ab;
  background: url(../images/line_through.gif) repeat-x center 7px;
}
.itemList .item .brief {
  color: #999;
  width: 580px;    height: 30px;
}
.itemList .item .btnList {
  text-align: right;
  color: #5fb0dc;
}
.itemList .item .btnList a {
  text-decoration: underline;
  color: #5fb0dc;
}
.itemList .item .btnList a:hover {
  color: #666;
}
.itemList .item .sort {
  color: #0b54ab;
}
.itemList .item .name,
.itemList .item .price,
.itemList .item .brief,
.itemList .item .sort,
.itemList .item .btnList {
  margin-bottom: 5px;
}

/*  ==================== 文字方式顯示 ====================  */
.itemText .item {
  padding: 10px 20px;
  border-bottom: 1px solid #e0e1e2;
}
.itemText .item .name a {
  font-weight: bold;
  color: #0b54ab;
}
.itemText .item .price {
  color: #666;
}
.itemText .item .price .goodsPrice {
  color: #F60;
  margin-right: 25px;
}
.itemText .item .price .marketPrice {
  color: #0b54ab;
  background: url(../images/line_through.gif) repeat-x center 7px;
  margin-right: 25px;
}
.itemText .item .brief {
  color: #999;
  height: 30px;
}
.itemText .item .btnList {
  color: #5fb0dc;
}
.itemText .item .btnList a {
  text-decoration: underline;
  color: #5fb0dc;
}
.itemText .item .btnList a:hover {
  color: #666;
}

.itemText .item .name,
.itemText .item .price,
.itemText .item .brief,
.itemText .item .btnList {
  margin-bottom: 5px;
}
/*  ==================== 網格方式顯示 ====================  */
.itemGrid {
  width: 100%;
  overflow: hidden;
}
.itemGrid .item {
  text-align: center;
  width: 160px;   height: 240px;
  float: left;
  padding: 18px 18px 10px;
  position: relative;
}
.itemGrid .item .pic {
  margin-bottom: 14px;
}
.itemGrid .item .name,
.itemGrid .item .price {
  margin-bottom: 8px;
}
.itemGrid .item .name a,
.itemGrid .item .name img {
  font-weight: bold;
  color: #0b54ab;
  vertical-align: middle;
}
.itemGrid .item .price {
  color: #666;
}
.itemGrid .item .price .goodsPrice {
  color: #F60;
}
.itemGrid .item .price .marketPrice {
  color: #0b54ab;
  background: url(../images/line_through.gif) repeat-x center 7px;
}
.itemGrid .item .btnList {
  color: #5fb0dc;
}
.itemGrid .item .btnList a {
  text-decoration: underline;
  color: #5fb0dc;
}
.itemGrid .item .btnList a:hover {
  color: #666;
}
.itemGrid .item .pic img {
  background:transparent;
  padding: 0px;
  border: 0px solid #e0e1e2;
}
.itemGrid .item .brief {
  color: #999;
}
.watermark_small {
  display: block;
  text-indent: -9999px;
  width: 31px;    height: 15px;
  margin-right: 3px;
  float: left;
}
.watermark_promote_small {
  background: url(images/watermark_promote_small.gif) no-repeat;
}
.watermark_new_small {
  background: url(images/watermark_new_small.gif) no-repeat;
}
.watermark_best_small {
  background: url(images/watermark_best_small.gif) no-repeat;
}
.watermark_hot_small {
  background: url(images/watermark_hot_small.gif) no-repeat;
}


/*  ==================== 品牌專區 ====================  */
.brandList{
height:auto;
}
.brandList .brandBox{
width:50%; float:left;
}



/*購物車提示點擊更新按鈕式樣2.6.2版本添加*/
.messageli {
 list-style-type:none;
 padding:5px;
 color:red
}
.messagediv {
 font-size:12px;
 position:absolute;
 border:1px solid #FFD700;
 text-align:center;
 padding:5px;
 background-color:#FFFACD;
 filter:alpha(opacity=50);
 -moz-opacity:0.7;
 opacity: 0.7;
}

/*  積分兌換樣式修改 */
.point li{
 float:left;
 width:300px;
}