@charset "UTF-8";


#sidebar {
  display: inline-block;
  width: 180px;
  margin: 8px 0 16px 0;
  float: left;
  background: url(../img/layout-sidebar.png) no-repeat 0px 31px;
  min-height: 700px;
  _outline: 1px solid rgba(0,0,255,.1);

}


#body {
  display: inline-block;
  width: 750px;
  float: right;
  color: #666;
  line-height: 1.6em;
}

#body hr {
	clear: both;
	height: 0px;
	border: none;
  border-bottom: 1px dotted #bbb;
  padding: 8px 0 0 0;
  margin: 0 0 8px 0;
}


/* 分類標題 */
#category-logo {
  background-repeat: no-repeat;
  width: 100%; height: 15px;
  margin: 0 0 15px 2px;
  text-indent: -9999px;
}
/* 排序鈕 */
.sortby {
  display: inline-block;
  margin: 12px;
  color: #666;
  background-color:#eee;
  white-space: nowrap;
}
.sortby .toggle {
  display: inline-block;
  width: 43px; height: 13px;
  background-repeat:no-repeat;
  text-indent: -9999px;
  vertical-align: -1px;
}
.sortby .toggle.active {
  cursor: default;
}

/* 產品型號清單 */
#sidebar ul {
	list-style: square url(../img/product-list-aarow-gray.png) outside;
	color: #666;
}
#sidebar ul.main { margin-left: 20px; }
#sidebar ul.sub, #sidebar ul.sub ul { margin: 0 0 6px 6px; }

#sidebar li {
  list-style: inherit;
  line-height: 1.5em;
}

#sidebar ul.main>li>a { font-weight: bold; }
#sidebar a { color: #666; text-decoration: none;  }
#sidebar a:hover { text-decoration: underline; }
#sidebar ul.sub li.active>a { font-weight: bold; cursor: text; color:#f70; text-decoration: none; }
/*

#sidebar ul.sub>li>ul>li {
	background: url(../img/product-list-cart.png) no-repeat 130px 6px;
	padding-right: 16px;
	margin-bottom: 4px;
}
#sidebar ul.sub>li>ul>li.active {
  background:url(../img/product-list-cart-a.png) no-repeat 130px 6px;
}
#sidebar ul.sub>li>ul>li.nocart {
  background-image: none;
}
*/

#sidebar ul.sub li { margin: 0 6px 4px 0; }
#sidebar ul.sub li.cart { padding-right: 16px; background: url(../img/product-list-cart.png) no-repeat right center; }
#sidebar ul.sub li.active.cart { background: url(../img/product-list-cart-a.png) no-repeat right center; }


#links hr,
#sidebar hr {
	clear: both;
	height: 0px;
	border: none;
  border-bottom: 1px dotted #bbb;
  padding: 8px 0 0 0;
  margin: 0 0 8px 0;
}

#sidebar h3 {
  background: url(../img/product-list-aarow-down.png) no-repeat scroll 6px 6px #eee;
  color: #37A;
  font-weight: bold;
  border-top: 1px dotted #bbb;
  padding-left: 20px;
  position: relative;
  left: -10px;
}


/* 主體 */

/* 標語 */
#slogan {
  display: inline-block;
  width: 100%; height: 30px;
  background-repeat: no-repeat;
  background-position: right center;
  text-indent: -9999px;
}

/* 商品 */
#image {
  _outline: 1px solid rgba(0,0,255,.1);
  width: 336px;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  background-position: 0 0;
  height: 221px;
}

#image .more {
  position: relative;
  left: 5px; top: 200px;
  display: inline-block;
  width: 80px; height: 24px;
  line-height: 24px;
  background: url(../img/product-btn-picture.png) no-repeat 0px 0px;
  padding-left: 28px;
  text-decoration: none;
  color: #37a;
}
#image .more:hover { text-decoration: underline; }

#image .works {
  position: relative;
  left: 5px; top: 200px;
  display: inline-block;
  width: 80px; height: 24px;
  line-height: 24px;
  background: url(../img/product-btn-picture.png) no-repeat 0px -24px;
  padding-left: 28px;
  text-decoration: none;
  color: #E4561B;
}
#image .works:hover { text-decoration: underline; }

#image .presale {
  display: block;
  text-indent: -9999px;
  background: url(../img/product-presale.png) no-repeat 0 0;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0;
  right: 12px;
}

#info {
  _outline: 1px solid rgba(0,0,255,.1);
  width: 245px;
  min-height: 221px;
  float: left;
}

#info .title {
  border: 0;
}
#info .description {
  width: 100%;
  background-color: #F5F5F5;
  line-height: 18px;
  margin: 8px 0;
}
#info .description ul {
  display: inline-block;
  margin: 5px;
}
#info .description li {
  list-style-type:square;
  color: #666;
  margin-left: 20px;
}

#info .prices {
  color: #666;
  line-height: 18px;
}
#info .prices b {
  color: #f70;
}
#info .prices .priceDesc {
  color:red;
  font-style:normal;
  font-weight: bold;
  display: block;
}
#info b.value {
  font-size: 14px;
}

#info .prices a {
  color: #6b9fca;
}
#info .prices a:hover {
  color: #ff7200;
  text-decoration: none;
}

/* 可變色 */
#info .variation {
  display: inline-block;
  margin-bottom: 4px;
}
#info .variation li {
  display: block;
  float: left;
  border: 1px solid #ddd;
  padding: 3px;
  margin: 2px;
}
#info .variation li.active {
  border: 1px solid #888;
}

#info .variation li>a {
  float: left;
  display: block;
  width:17px; height: 17px;
  text-decoration: none;
}
#info .variation li.active>a {
  cursor: default;
}

/* 缺貨時會多出 b */
#info .variation li>a>b {
  display: block;
  width:17px; height: 17px;
  /* background: url(../img/product-variation-nostock.png) no-repeat right bottom; */
}


#links {
  display: inline-block;
  width: 155px;  /* 153-12*2 */
  padding: 13px 0;
  min-height: 221px;
  margin: 0;
  float: right;
  background: url(../img/product-links-bg.png) no-repeat;
  text-align: center;
}

.service-list {
	min-height: 174px;
}

/*
1.配件相容表 2.免費宅配到府 3.商品操作說明 4.精緻安裝服務 5.專屬網站 6.規格比較
7. α鏡頭焦段表 8.7天免費監賞期 9.快速到貨服務 10.貨到付現刷卡 11.α鏡頭比較表
*/

.service {
  display: inline-block;
  width: 125px; height: 25px;
  background: url(../img/product-btn-service.png) no-repeat;
  text-indent: -9999px;
  margin-bottom: 4px;
}
.service.i1 { background-position: 0 -0px; }
.service.i2 { background-position: 0 -25px; }
.service.i3 { background-position: 0 -50px; }
.service.i4 { background-position: 0 -75px; }
.service.i5 { background-position: 0 -100px; }
.service.i6 { background-position: 0 -125px; }
.service.i7 { background-position: 0 -150px; }
.service.i8 { background-position: 0 -175px; }
.service.i9 { background-position: 0 -200px; }
.service.i10 { background-position: 0 -225px; }
.service.i11 { background-position: 0 -250px; }

/*
  0:任意文字 1:10年 2:12+24  3:12+6 4:12 5:18+3 6:18+6 7:24 8.5年 9:18+18 10:12+12
*/
.warranty {
  display: inline-block;
  width: 125px; height: 25px;
  background: url(../img/product-btn-warranty.png) no-repeat;
  text-indent: -9999px;
  color: #fff;
  font-weight: normal;
  vertical-align: 5px;
	line-height: 25px;
	text-align: left;
	margin-bottom: 4px;
}
.warranty.i0 { background-position: 0 0; text-indent:40px; } /* 任意文字 */
.warranty.i1 { background-position: 0 -25px; } /* 10y */
.warranty.i2 { background-position: 0 -50px; } /* 12+24m */
.warranty.i3 { background-position: 0 -75px; } /* 12+6m */
.warranty.i4 { background-position: 0 -100px; } /* 12m */
.warranty.i5 { background-position: 0 -125px; } /* 18+3m */
.warranty.i6 { background-position: 0 -150px; } /* 18+6m */
.warranty.i7 { background-position: 0 -175px; } /* 24m */
.warranty.i8 { background-position: 0 -200px; } /* 5y */
.warranty.i9 { background-position: 0 -225px; } /* 18+18m */
.warranty.i10 { background-position: 0 -250px; } /* 12+12m */
.warranty.i11 { background-position: 0 -275px; } /* 6m */
.warranty.i12 { background-position: 0 -300px; } /* 12+3m */
.warranty.i13 { background-position: 0 -325px; } /* 3y */
.warranty.N000000 { background-position: 0 -350px;  } /* no warranty */

.warranty.W000000 { display:none; }
.warranty.R000000 { display:none; }
.warranty.N { display:none; }

.warranty.N006000 { background-position: 0 -275px; }  /* 6 個月 */
.warranty.N012000 { background-position: 0 -100px; }  /* 12 個月 */
.warranty.R012000 { background-position: 0 -100px; }  /* 12 個月 */
.warranty.W012000 { background-position: 0 -100px; }  /* 12 個月 */
.warranty.R012003 { background-position: 0 -300px; }  /* 12+3 個月 */
.warranty.R012006 { background-position: 0 -75px; }  /* 12+6 個月 */
.warranty.R012012 { background-position: 0 -250px; }  /* 12+12 個月 */
.warranty.R012024 { background-position: 0 -50px; }  /* 12+24 個月 */
.warranty.R018006 { background-position: 0 -150px; }  /* 18+6 個月 */
.warranty.R024000 { background-position: 0 -175px; }  /* 24 個月 */
.warranty.W024000 { background-position: 0 -175px; }  /* 24 個月 */
.warranty.N024000 { background-position: 0 -175px; }  /* 24 個月 */
.warranty.N036000 { background-position: 0 -325px; }  /* 3 年 */
.warranty.N060000 { background-position: 0 -200px; }  /* 5 年 */
.warranty.N120000 { background-position: 0 -25px; }  /* 10 年 */


/*
joinShoppingCartIcon 放入購物車  buy
contactStoreIcon 請洽展售店  contact
notificationIcon 缺貨中加入到貨通知 notice !
presellIcon 預夠即將開始，請通知我 presell !
launchIcon 即將上市，加入上市通知 launch !
discontinuedIcon 商品已完售 out
preSellMsgIcon 任意文字 text
*/


/* 加入購物車 */
#links .buy {
  margin: 8px 0;
  display: inline-block;
  width: 126px; height: 26px;
  background: url(../img/product-btn-buy.png) no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}
#links .buy:hover { background-position: 0 -26px;cursor: pointer; }

/* 請洽展售店 */
#links .contact {
  display: inline-block;
  width: 126px; height: 26px;
  background: url(../img/product-btn-contact.png) no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}
#links .contact:hover { background-position: 0 -26px; cursor:pointer; }

/* 缺貨中，加入貨到通知 */
#links .notice {
  display: inline-block;
  width: 143px; height: 26px;
  background: url(../img/product-btn-notice.png) no-repeat;
  text-indent: -9999px;
  cursor: pointer;
  margin: 8px 0;
}
#links .notice:hover { background-position: 0 -26px; cursor:pointer; }

/* 預夠即將開始請通知我 */
#links .presell {
  display: inline-block;
  width: 143px; height: 26px;
  background: url(../img/product-btn-presell.png) no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}
#links .presell:hover { background-position: 0 -26px; cursor:pointer; }

/* 即將上市加入上市通知 */
#links .launch {
  display: inline-block;
  width: 143px; height: 26px;
  background: url(../img/product-btn-launch.png) no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}
#links .launch:hover { background-position: 0 -26px; cursor:pointer; }

/* 空白按鈕 */
#links .text {
  display: inline-block;
  width: 126px; height: 26px; line-height: 26px;
  color: #ba2c4b;
  text-decoration: none;
  background: url(../img/product-btn-text.png) no-repeat;
}
#links .text:hover {
  color: red;
}

/* 商品已完售 */
#links .out {
  display: inline-block;
  width: 126px; height: 26px;
  background: url(../img/product-btn-out.png) no-repeat;
  text-indent: -9999px;
  cursor: default;
}

/* 加入追蹤(圖示) */
#links .wish {
  margin-top: 10px;
  display: inline-block;
  width: 126px; height: 13px;
  background: url(../img/product-btn-wish.png) no-repeat 25px 1px;
  padding-left: 16px;
  text-decoration: none;
  color: #39d;
}

#links .wish:hover { text-decoration: underline; }


/* 更多產品圖片 */
#gallery .viewport {
  width: 600px; height: 400px;
}
#gallery .viewport>img {
  width: 600px; height: 400px;
}
#gallery .thumbnail img {
  width: 75px; height: 50px;
  border: 1px solid #eee;
  cursor: pointer;
}
#gallery .thumbnail img:hover {
  border: 1px solid #88f;
}
#gallery .thumbnail img.active {
  border: 1px solid #888;
  cursor: auto;
}



#gallery .bx-controls-direction>a {
  width: 14px; height: 28px;
  background: url(../img/product-gallery-arrow.png) no-repeat;
  margin-top: -16px;
  z-index: 999;
}
#gallery .bx-wrapper .bx-prev { background-position: 0px 0px; left: -26px;  }
#gallery .bx-wrapper .bx-next { background-position: -14px 0px; right: -26px; }
#gallery .bx-wrapper .bx-prev:hover { background-position-y: -28px; }
#gallery .bx-wrapper .bx-next:hover { background-position-y: -28px; }




/* 頁籤 */
#tabs {
  margin: 18px 0;
}
#tabs>ul {
  margin: 0 0 11px 0;
  display: inline-block;
  list-style: disc outside none;
  width: 730px; /* 750-16*2 */
  height: 40px;
  background: url(../img/product-tabs.png) no-repeat;
  padding: 0 12px;
}
#tabs>ul>li {
  display: block;
  float: left;
  width: 80px;
  padding-top: 14px;
  height: 26px; /* 40 - 14 */
  text-align: center;
  _outline: 1px solid rgba(0,0,255,.1);
}
#tabs>ul>li.active {
  background: url(../img/product-tabs-active.png) no-repeat;
}
#tabs>ul a {
  text-decoration: none;
  display: block;
  color: #666;
  border-right: 1px solid #ddd;
  _background: url(../img/home-tabs-title.png) no-repeat;
}


#tabs>ul a:hover {
  text-decoration: underline;
}

#tabs>div {
  min-height: 200px;
}

#tabs>div.loading {

  background: #fff url(../img/layout-loading.gif) no-repeat center 50px;
}

#tabs>div td img {
  display: block;
}

/* 社群分享 */
#tabs .community {
  display: block;
  padding-top: 14px;
  height: 26px; /* 40 - 14 */
  float: right;
}
#tabs .community a {
  display: inline-block;
  width: 16px; height: 16px;
  background: url(../img/product-community.png) no-repeat;
  text-indent: -9999px;
}
#tabs .community a.i1 { background-position: 0 0; }
#tabs .community a.i2 { background-position: 0 -16px; }
#tabs .community a.i3 { background-position: 0 -32px; }
#tabs .community a.i4 { background-position: 0 -48px; }

/* 專屬配件 */

.accessory .acc-group>h3>b,
a.fold-all>b {
  display: inline-block;
  width: 12px; height: 12px;
  background: url(../img/layout-fold.png) no-repeat 0 0;
  margin: 0 4px;
  text-indent: -9999px;
  overflow: hidden;

}
.accessory a.collapse>b { background-position: 0 0; }
.accessory a.expand>b { background-position: 0 -12px; }
.accessory .acc-group.collapse>h3>b { background-position: 0 0; }
.accessory .acc-group.expand>h3>b { background-position: 0 -12px; }

a.fold-all {
  display: inline-block;
  width: 82px;
  height: 20px;
  line-height: 20px;
  color: #37a;
  text-decoration: none;
  box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 0px 0px;
  outline: 1px solid rgba(0,0,255,.1);
  float: right;
  margin-right: 16px;
}
a.fold-all:hover {
  background-color: #f8f8f8;
}
.accessory .acc-group {
  border-bottom: 1px solid #bdf;
}
.accessory .acc-group:last-child {
  border-bottom: none;
}

.accessory .acc-group>h3 {
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  margin: 8px 0;
  color: #37A;
}

.accessory .acc-group>h3:hover {
  background-color: #f8f8f8;
}

.accessory .acc-group.collapse .acc-list {
  display: none;
}

.accessory .acc-group.expand .acc-list {
  display: inline-block;
  width: 100%;
}

.accessory .acc-list .item>a>img {
  width: 110px;
  height: 70px;
}

.accessory .acc-list .item {
  float: left;
  width: 110px;
  height: 160px;
  display: inline;
  margin: 0 16px 32px 16px;
}

.accessory .item .model {
  text-decoration: none;
  color: #37a;
}
.accessory .item .buy {
  display: inline-block;
  width: 24px; height: 24px;
  background: url(../img/product-acc-buy.png) no-repeat;
  text-decoration: none;
  text-indent: -9999px;
  vertical-align: 5px;
}
.accessory .item .buy.nocart {
  background-position: 0 -24px;
  cursor: default;
}
.accessory .item .price {
  color: #f20;
}


/* 可變色: 配件 */
.accessory .item .variation {
  display: inline-block;
  width: inherit;
}
.accessory .item .variation li {
  display: block;
  float: left;
  border: 1px solid #ddd;
  padding: 1px;
  margin: 1px;
}
.accessory .item .variation li.active {
  border: 1px solid #888;
}

.accessory .item .variation li>a {
  float: left;
  display: block;
  width:10px; height: 10px;
  text-decoration: none;
  border: 1px solid #ddd;

}
.accessory .item .variation li.active>a {
  cursor: default;
}


/* 翻頁 */
.paginateButtons {
  display: inline-block;
  white-space: nowrap;
  font-size: 12px;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
ul.pagination {
  display: inline-block;

}
ul.pagination>li {
  display: block;
  width: 24px; height:24px;
  float: left;
  line-height: 24px;
  text-align: center;
  border: 1px solid #ccc;
  margin-right: 4px;
}
ul.pagination>li:hover {
  border: 1px solid #f70;
}
ul.pagination a:hover {
  color: #f70;
}
ul.pagination a {
  display: inline-block;
  width: 24px;  height:24px;
  text-decoration:none;
  color: #888;
  text-shadow: 2px 2px 3px #fff;
  cursor: pointer;
}


ul.pagination>li.bx-next,
ul.pagination>li.bx-prev,
ul.pagination>li.bx-next a,
ul.pagination>li.bx-prev a {
  width: 55px;
  border: none;
  cursor: pointer;
}

ul.pagination>li.active {
  border: 1px solid transparent;
  background-color: #fff;
}
ul.pagination>li.active a {
  color: #37a;
  font-weight: bold;
  cursor: default;
}
ul.pagination>li.disabled a {
  color: #ddd;
  border: 1px solid transparent;
  cursor: default;
}

/* 優惠方案 */
#promotionInfo .memo {
  text-align: right;
  padding: 5px;
  color: #666666;
  line-height: 18px;
}


#promotionInfo .titlebar {
  background: url(../img/category-bar.png) no-repeat;
  width: 725px;
  height: 20px;
  line-height: 20px;
  color: #2D6CA0;
  margin: 4px 0;
  padding: 0 1em;
  font-weight: bold;
  border-radius: 5px;
}

.promotionGroup {
  display: inline-block;
  border-bottom: 1px dotted #bbb;
  padding-bottom: 12px;

}

.promotionInfo {
  float: left;
  width: 374px;
  height: 100px;
  border-right: 1px dotted #bbb;
  margin-top: 12px;

}

#promotionInfo .last {
  border: none;
}

.promotionInfo .image {
float: left;
width: 113px;
height: 90px;
padding: 5px;
}


/* 回到頂端 */
.scrollup {
	width:60px;
	height:46px;
	text-indent:-9999px;
	opacity:0.9;
	position:fixed;
	bottom:50px;
	right:100px;
	display:none;
	background: url(../img/scroll-to-top.png) no-repeat;
	z-index: 300;
}

#tab-desc p {
	margin: 16px 0;
}

.product_color {
  border: 1px solid #DCDCDC;
  cursor: pointer;
  float: left;
  height: 23px;
  margin-left: 4px;
  width: 23px;
}
.product_color .variationvalue {
  float: left;
  height: 17px;
  margin: 3px;
  width: 17px;
}
.selected { border:2px solid #666666;}


/* 商品圖下面的 系列按鈕 */

#image .serie {
  font-size: 12px;
  margin-top: 260px;
  width: 100%;
  display: inline-block;
  clear: both;
}

#image .serie>a {
  display: block;
  float: left;
  border: 1px solid #cdcdcd;
  height: 24px;
  line-height: 24px;
  padding: 0 18px;
  text-decoration: none;
  color: #747474;
  background-color: white;
  margin: 3px;
}
#image .serie>a:hover {
  border: 1px solid #888;
}

#image .serie>a.active {
  border: 1px solid #ff8943;
  background-color: #ff8943;
  color: white;
  font-weight: bold;
  cursor: default;
}