﻿@charset "utf-8";

.ueditor_img { /* ueditor 使圖片之間沒有間隙 */
  margin-top: -18px;
}
.shop_img {
  cursor:pointer;
  height: 90px;
  margin-left: 5px;
  vertical-align: middle;
}
.BLOCK_SHIPPING_CODE a{
  padding-left: 10px;
    font-size: 15px;
    color: #ee7b00;
}
.shipping_id {
  font-size: 16px;
  margin-left: 15px;
  border: #bbb solid 1px;
}

html,
body {
  height: 100%;
}

/* Default Set. */
body {
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #333;
  font-family: Arial, '微軟正黑體', Microsoft JhengHei, Helvetica, PMingLiU;
}
img {
  border: 0;
}
a {
  text-decoration: none;
}
form,
input,
textarea,
select,
label {
  margin: 0;
  padding: 0;
}
input,
textarea,
select,
label {
  font-family: '微軟正黑體', Microsoft JhengHei, Verdana, PMingLiU;
  color: #000;
  font-size: 13px;
  font-weight: bold;
}
input {
  outline: none;
}
textarea {
  resize: none;
}
.clearBoth { clear: both; }
/* 主架構 */
#theme-global-wrapper {
  margin: 0 auto;
  width: 1180px;
  overflow: hidden;
}
#theme-global-content-frame {
  padding-top: 20px;
  width: 1180px;
  overflow: hidden;
  color: #333;
}
.theme-border-wrapper {
  padding: 29px 29px 10px;
  width: 1120px;
  border: #ccc solid 1px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
/* 共用 */
h2.library-hidden {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  margin: 0;
}
.theme-tc-pt {
  padding-top: 30px;
  text-align: center;
}
.theme-no-data {
  padding: 30px 0;
  width: 100%;
  font-size: 13px;
  color: #999;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
}
.theme-pull-left {
  float: left;
}
.theme-pull-right {
  float: right;
}
/* table重置 */
.theme-table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
/* 按鈕 */
a.theme-button-skin-a {
  display: block;
  margin-left: 15px;
  float: right;
  font-size: 15px;
  color: #666;
  font-weight: bold;
  line-height: 24px;
}
a.theme-button-skin-a:hover {
  color: #ee7b00;
}
a.theme-button-skin-a span {
  display: inline-block;
  margin-right: 6px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  overflow: hidden;
}
a.theme-button-skin-a.top span {
  background: url(../images/btn_top.png) no-repeat 0 0;
}
a.theme-button-skin-a.back span {
  background: url(../images/btn_back.png) no-repeat 0 0;
}
a.theme-button-skin-a.home span {
  background: url(../images/btn_home2.png) no-repeat 0 0;
}
a.theme-button-skin-a:hover span {
  background-position: 0 -24px;
}
.theme-button-skin-b {
  display: inline-block;
  padding: 0 10px;
  color: #fff;
  font-weight: bold;
  outline: none;
  text-align: center;
  vertical-align: middle;
  line-height: 22px;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.orange {
  background-color: #ee7b00;
}
.gray {
  background-color: #666;
}
.blue {
  background-color: #134d83;
}
.black {
  background-color: #000;
}
.theme-button-skin-b:hover {
  background-color: #1e1b18;
}
.theme-button-frame {
  margin: 0 auto;
  width: 212px;
  overflow: hidden;
}
.theme-button-frame.w290 {
  width: 292px;
}
.theme-button-frame button {
  margin: 0 3px;
  padding: 0;
  float: left;
  width: 100px;
  height: 30px;
  font-weight: bold;
  line-height: 30px;
  overflow: hidden;
}
.theme-button-frame.w290 .submit {
  width: 180px;
}
/* 瀏覽紀錄-浮動 */
.theme-float-right-frame {
  position: absolute;
  z-index: 999;
  top: 102px;
  right: 0;
  width: 40px;
  height: 363px;
  overflow: hidden;
}
.theme-float-right-frame a.ez-logo {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 40px;
  height: 363px;
  overflow: hidden;
}
.theme-float-right-frame a.ez-logo span {
  display: none;
}
.theme-float-right-frame div.ez-list {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  width: 130px;
  height: 363px;
  background-image: url(../images/viewed_ti.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
}
.theme-viewed-slide {
  position: relative;
  width: 130px;
  height: 363px;
  overflow: hidden;
}
.theme-viewed-slide .btn {
  position: absolute;
  z-index: 2;
  left: 67px;
  width: 27px;
  height: 17px;
  overflow: hidden;
}
.theme-viewed-slide .btn.prev {
  top: 0;
}
.theme-viewed-slide .btn.next {
  bottom: 0;
}
.theme-viewed-slide .list-wrap {
  padding: 21px 0 0 32px;
}
.theme-viewed-slide .list-wrap ul {
  zoom: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.theme-viewed-slide .list-wrap ul li {
  zoom: 1;
  margin-bottom: 2px;
  text-align: center;
}
.theme-viewed-slide .list-wrap ul li .pic {
  text-align: center;
}
.theme-viewed-slide .list-wrap ul li .pic img {
  display: block;
  width: 60px;
  height: 60px;
}
/* 快速連結-購物車 */
.theme-float-right-frameB {
  z-index: 999;
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 80px;
  height: 145px;
  overflow: hidden;
}
#theme-btnCart {
  padding-top: 50px;
  width: 80px;
  height: 50px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: url(../images/btn_cart2.png) no-repeat 0 0;
  overflow: hidden;
}
.theme-float-right-frameB a.theme-button-skin-top {
	display: block;
	margin-bottom: 5px;
	width: 80px;
	height: 40px;
	text-indent: -9999px;
	background: url(../images/btn_top2.png) no-repeat 0 0;
	overflow: hidden;
}
.theme-float-right-frameB a.theme-button-skin-line {
	display: block;
	margin-bottom: 20px;
	width: 80px;
	height: 80px;
	text-indent: -9999px;
	background: url(../images/btn_line2.png) no-repeat 0 0;
	overflow: hidden;
}
/* 內頁大標 */
#theme-large-headline {
  margin-bottom: 20px;
}
#theme-large-headline h3 {
  margin: 0;
  padding-bottom: 8px;
  font-size: 25px;
  color: #000;
  font-weight: normal;
  text-align: center;
  line-height: 25px;
}
#theme-large-headline .library-line-a {
  width: 1120px;
  overflow: hidden;
}
#theme-large-headline .library-line-b {
  width: 955px;
  overflow: hidden;
}
#theme-page-news-wrapper #theme-large-headline h3 {
  padding-bottom: 5px;
  line-height: 22px;
}
#theme-large-headline.bgB table {
  margin: 0 auto;
}
#theme-welcom-wrapper {
  position: relative;
  width: 100%;
  min-height: 100%;
  background: url(../images/bg_1.png) top center fixed no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
#theme-welcom-wrapper .library-wrapper {
  position: absolute;
  top: 50%;
  margin-top: -185px;
  width: 100%;
  height: 365px;
}
#theme-welcom-wrapper #theme-content {
  margin: 0 auto;
  width: 755px;
  height: 365px;
  background: url(../images/box_white.png) no-repeat 0 0;
  overflow: hidden;
}
#theme-welcom-wrapper #theme-content .library-btn {
  padding: 185px 0 0 525px;
  width: 185px;
}
#theme-welcom-wrapper #theme-content .library-btn a {
  display: block;
  margin-bottom: 10px;
  width: 185px;
  height: 58px;
  overflow: hidden;
}
#theme-welcom-footer-txt {
  position: relative;
  margin-top: -30px;
  width: 100%;
  height: 30px;
  color: #a18577;
  line-height: 30px;
  text-align: center;
  background: #000;
}
/* Header */
#theme-header-frame {
  padding-top: 20px;
  width: 1180px;
  overflow: hidden;
}
/* logo */
#theme-header-frame h1 {
  margin: 0;
  float: left;
  width: 250px;
  overflow: hidden;
}
#theme-header-frame h1 a {
  display: block;
  width: 250px;
  height: 80px;
  overflow: hidden;
}
/* 會員登入 */
#theme-header-frame .library-sign-table {
  float: right;
  width: 880px;
  font-weight: bold;
  line-height: 22px;
}
#theme-header-frame .library-sign-table tr {
  vertical-align: top;
}
#theme-header-frame .library-sign-table td {
  text-align: right;
}
#theme-header-frame .library-sign-table .h-52 {
  height: 52px;
}
#theme-header-frame .library-sign-table .w-285 {
  width: 285px;
}
#theme-header-frame .library-sign-table img {
  vertical-align: middle;
}
/* ban */
#theme-header-frame .library-ad-top {
  clear: both;
  padding-top: 15px;
  width: 1180px;
  overflow: hidden;
}
#theme-header-frame .library-ad-bottom {
  clear: both;
  margin-top: 10px;
  width: 1180px;
  height: 130px;
  overflow: hidden;
}
/* 主選單 */
#theme-main-nav {
  width: 1180px;
  height: 40px;
  background-color: #1e1b18;
  overflow: hidden;
}
#theme-main-nav table {
  width: 1180px;
  overflow: hidden;
}
#theme-main-nav table td {
  text-align: center;
  background: url(../images/menu_line.gif) no-repeat right 13px;
}
#theme-main-nav table td:last-child {
  background: none;
}
#theme-main-nav table td h2 {
  margin: 0;
  font-weight: normal;
}
#theme-main-nav table td h2 a {
  display: block;
  margin: 0 auto;
  padding: 0 12px;
  height: 40px;
  font-size: 18px;
  color: #fff;
  line-height: 38px;
}
#theme-main-nav table td h2 a:hover,
#theme-main-nav table td h2.current a {
  color: #ee7b00;
}
/* 當前路徑 + 搜尋 */
#theme-header-frame .library-top-bar {
  width: 1170px;
  height: 41px;
  background-color: #fff;
  overflow: hidden;
  padding: 0 5px;
}
#theme-header-frame .library-top-bar .path {
  float: left;
  width: 725px;
  font-weight: bold;
  overflow: hidden;
}
#theme-header-frame .library-top-bar .path span {
  padding-left: 10px;
  color: #666;
  vertical-align: middle;
  line-height: 41px;
}
#theme-header-frame .library-top-bar .path a {
  display: inline-block;
  padding: 0 15px 0 8px;
  color: #666;
  vertical-align: middle;
  line-height: 41px;
  background-image: url(../images/aw.png);
  background-repeat: no-repeat;
  background-position: right center;
}
#theme-header-frame .library-top-bar .path a:first-child {
  padding-left: 0;
}
#theme-header-frame .library-top-bar .path a span {
  display: block;
  padding: 0;
  width: 19px;
  height: 15px;
  background-image: url(../images/btn_home.png);
  background-repeat: no-repeat;
  background-position: left center;
  overflow: hidden;
}
#theme-header-frame .library-top-bar .path a:hover {
  color: #ee7b00;
}
#theme-header-frame .library-search {
  float: right;
  font-weight: bold;
  line-height: 41px;
  overflow: hidden;
}
#theme-header-frame .library-search input {
  vertical-align: middle;
}
#theme-header-frame .library-search input.form {
  padding-left: 8px;
  width: 200px;
  height: 22px;
  line-height: 22px;
  border: #a8a8a8 solid 1px;
  background-color: #fff;
  overflow: hidden;
/*  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;*/
}
#theme-header-frame .library-search input.btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  cursor: pointer;
  border: none;
  background: url(../images/btn_search.png) no-repeat 0 0;
  overflow: hidden;
}
#theme-header-frame .library-search input.btn:hover {
  background-position: -24px 0;
}
#theme-header-frame .js-select-wrapper {
  margin: 0 5px;
}
#theme-header-frame select {
  height: 24px;
  vertical-align: middle;
  line-height: 24px;
}

/* 下拉選單 */
#theme-header-frame .js-select-wrapper {
  display: inline-block;
  position: relative;
  width: 150px;
  height: 24px;
  vertical-align: middle;
  background: url(../images/select_bg.gif) no-repeat 0 0;
  overflow: hidden;
}
#theme-header-frame .js-select-wrapper label {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0;
  padding-left: 8px;
  width: 142px;
  height: 24px;
  color: #aaa;
  cursor: pointer;
  line-height: 24px;
  overflow: hidden;
}
#theme-header-frame .js-select-wrapper select {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 1px;
  padding-left: 4px;
  width: 150px;
  height: 24px;
  cursor: pointer;
  border: 0;
}
/* footer */
#theme-footer-frame {
  width: 1180px;
  overflow: hidden;
}
#theme-footer-frame .library-ad {
  width: 1180px;
  overflow: hidden;
}
#theme-footer-frame .library-txt-copyright {
  margin: 1px 0 10px 0;
  padding-top: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
  border-top: #999 solid 1px;
}
/* 首頁 */
#theme-home-ad {
  width: 730px;
  overflow: hidden;
}
.theme-home-goods-headline {
  margin-top: 20px;
  width: 760px;
  overflow: hidden;
}
.theme-home-goods-headline .headline {
  padding: 0 0 15px 10px;
  height: 32px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 32px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../images/goods_hot_ti.png);
  overflow: hidden;
}
.theme-home-goods-headline .theme-goods-item {
  margin-right: 30px;
  float: left;
  width: 160px;
  overflow: hidden;
}

.theme-home-goods-headline .txt {
  margin-top: 10px;
  padding-top: 10px;
  width: 730px;
  font-weight: normal;
  border-top: #ccc solid 1px;
  overflow: hidden;
  clear: both;
}
/* 商品資訊 */
/* 左右區塊項目 */
#theme-left-frame {
  float: left;
  width: 200px;
  overflow: hidden;
}
#theme-list-middle-frame {
  margin: 0 25px;
  float: left;
  width: 730px;
  overflow: hidden;
}
#theme-right-frame {
  float: right;
  width: 200px;
  overflow: hidden;
}
.theme-goods-nav {
  width: 200px;
  overflow: hidden;
}
.theme-goods-nav .library-item {
  padding-bottom: 15px;
  width: 200px;
  overflow: hidden;
}
.theme-goods-nav .library-item h2 {
  margin: 0;
  padding-left: 10px;
  height: 42px;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  background: url(../images/goods_nav_ti.png) no-repeat 0 0;
}
.theme-goods-nav .library-item ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.theme-goods-nav .library-item ul li {
  margin: 0 0 7px 10px;
}
.theme-goods-nav .library-item ul li a {
  display: block;
  font-size: 15px;
  color: #333;
  line-height: 18px;
}
.theme-goods-nav .library-item ul li a:hover,
.theme-goods-nav .library-item ul li.current a {
  color: #ee7b00;
}
.theme-goods-nav .library-ad {
  width: 200px;
  height: 150px;
  overflow: hidden;
}
.theme-goods-nav .theme-new-goods {
  margin-bottom: 20px;
  width: 200px;
  overflow: hidden;
}
.theme-goods-nav .theme-new-goods h2 {
  margin: 0;
  padding-left: 10px;
  height: 35px;
  font-size: 16px;
  color: #fff;
  line-height: 35px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../images/goods_news_ti.png);
  overflow: hidden;
}
.theme-goods-nav .theme-new-goods .box {
  padding: 10px;
  width: 178px;
  height: 204px;
  border: #ccc solid 1px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
}
/* 文字滾動 */
.theme-txt-scroll {
  position: relative;
  width: 200px;
  overflow: hidden;
}
.theme-txt-scroll .hd {
  position: absolute;
  z-index: 2;
  top: 11px;
  right: 10px;
  height: 13px;
  overflow: hidden;
}
.theme-txt-scroll .hd a.prev,
.theme-txt-scroll .hd a.next {
  display: block;
  margin-left: 5px;
  float: right;
  width: 13px;
  height: 13px;
  cursor: pointer;
  background: url(../images/btn_aw.png) no-repeat 0 0;
  overflow: hidden;
}
.theme-txt-scroll .hd a.prev {
  background-position: 0 0;
}
.theme-txt-scroll .hd a.next {
  background-position: -13px 0;
}
.theme-txt-scroll .hd a.prev:hover {
  background-position: 0 -13px;
}
.theme-txt-scroll .hd a.next:hover {
  background-position: -13px -13px;
}
.theme-txt-scroll .bd ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.theme-txt-scroll .bd ul li {
  margin-bottom: 6px;
  padding-left: 12px;
  line-height: 18px;
  background: url(../images/aw3.gif) no-repeat 0 6px;
}
.theme-txt-scroll .bd ul li a {
  display: block;
  position: relative;
  height: 35px;
  color: #333;
  font-weight: bold;
/*  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;*/
  word-break: break-all;
  overflow: hidden;
}
.theme-txt-scroll .bd ul li a::after {
  content:"...";
  font-weight: bold;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 8px 1px 45px;
  background: url(../images/ellipsis_bg.png) repeat-y;
}
.theme-txt-scroll .bd ul li a:hover {
  color: #ee7b00;
}
/* 共用-商品列表 */
.theme-goods-item {
  font-weight: bold;
  line-height: 16px;
  position: relative;
}
.theme-goods-item .icon-outstock {
  position: absolute;
  z-index: 2;
  width: 50px;
  height: 52px;
  text-indent: -9999px;
  background: url(../images/icon_outstock.png) no-repeat 0 0;
  overflow: hidden;
}
.theme-goods-item .picture a {
  display: block;
  width: 160px;
  height: 160px;
  overflow: hidden;
}
.theme-goods-item .name a {
  display: block;
  padding: 5px 0;
  min-height: 35px;
  font-size: 14px;
  color: #000;
  line-height: 19px;
}
.theme-goods-item .model {
  padding-bottom: 5px;
  font-size: 12px;
  color: #666;
  font-weight: normal;
}
.theme-goods-item .price {
  color: #666;
}
.theme-goods-item .price del {
  padding: 0 3px;
}
.theme-goods-item .discount {
  color: #ee7b00;
}
.theme-goods-item .discount span {
  padding: 0 3px;
  font-size: 18px;
}
.theme-goods-item a.button-cart {
  display: block;
  margin: 10px auto;
  padding-left: 17px;
  width: 63px;
  height: 25px;
  color: #3e311c;
  text-align: center;
  line-height: 25px;
  background: url(../images/btn_cart.png) no-repeat 0 0;
  overflow: hidden;
}
.theme-goods-item:hover a.button-cart {
  color: #fff;
  background-position: 0 -25px;
}
.theme-goods-item .wrap {
  width: 164px;
  border-bottom: #ebebeb solid 2px;
  background-color: #fff;
  overflow: hidden;
}
.theme-goods-item .info {
  padding: 1px;
  width: 160px;
  /*border: #bcbcbc solid 1px;*/
  overflow: hidden;
}
.theme-goods-item .info .name,
.theme-goods-item .info .price,
.theme-goods-item .info .discount {
  padding: 0 4px;
}
.theme-goods-item .info .model {
  padding: 0 4px 5px 4px;
}
/* 列表頁 + 優惠 */

#theme-page-goods-wrapper {
  width: 730px;
  overflow: hidden;
}
#theme-page-goods-wrapper .goodsBan {
  margin-bottom: 15px;
  width: 730px;
  overflow: hidden;
}
#theme-page-goods-wrapper h3 {
  margin: 0;
  font-size: 25px;
  color: #000;
  font-weight: normal;
  text-align: center;
  line-height: 28px;
}
#theme-page-goods-wrapper .library-line-a {
  margin-top: 10px;
  height: 16px;
  background: url(../images/page_ti-bg-3.png) no-repeat 0 0;
}
#theme-page-goods-wrapper .library-line-b {
  margin: 10px 0 15px;
  height: 16px;
  background: url(../images/page_ti-bg-3.png) no-repeat 0 0;
}
#theme-page-goods-wrapper .library-sequence {
  height: 34px;
  /*background: url(../images/page_ti-bg-2.gif) no-repeat 0 0;*/
  overflow: hidden;
}
#theme-page-goods-wrapper .library-sequence table {
  margin: 0 auto;
}
#theme-page-goods-wrapper .library-sequence ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#theme-page-goods-wrapper .library-sequence ul li {
  padding: 0 10px;
  float: left;
  line-height: 35px;
  background: url(../images/sequence_line.gif) no-repeat right 10px;
}
#theme-page-goods-wrapper .library-sequence ul li:last-child {
  background: none;
}
#theme-page-goods-wrapper .library-sequence ul li a {
  padding: 0 7px;
  color: #666;
  font-weight: bold;
}
#theme-page-goods-wrapper .library-sequence ul li a:hover,
#theme-page-goods-wrapper .library-sequence ul li a.current {
  color: #ee7b00;
}
#theme-page-goods-wrapper .top-status {
  margin: 5px 0 10px;
  padding: 15px;
  width: 700px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  overflow: hidden;
}
#theme-page-goods-wrapper .top-status .txt {
  color: #666;
  line-height: 22px;
}
#theme-page-goods-wrapper .top-status .offer {
  margin: 10px 0 5px;
  padding: 10px;
  width: 680px;
  line-height: 25px;
  background-color: #e5e5e5;
  overflow: hidden;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
#theme-page-goods-wrapper .top-status .condition {
  float: left;
  font-size: 16px;
  font-weight: bold;
}
#theme-page-goods-wrapper .top-status .condition span {
  padding: 0 8px;
  color: #ee7b00;
}
#theme-page-goods-wrapper .top-status button {
  float: right;
  line-height: 25px;
}
#theme-page-goods-wrapper .hot {
  padding-top: 10px;
  width: 744px;
  overflow: hidden;
}
#theme-page-goods-wrapper .theme-goods-list {
  width: 752px;
  overflow: hidden;
}
#theme-page-goods-wrapper .hot .theme-goods-item {
  position: relative;
  margin-right: 19px;
  float: left;
  width: 167px;
  overflow: hidden;
}
#theme-page-goods-wrapper .hot .theme-goods-item .icon-hot {
  position: absolute;
  z-index: 2;
  width: 50px;
  height: 52px;
  text-indent: -9999px;
  background: url(../images/icon_hot.png) no-repeat 0 0;
  overflow: hidden;
}
#theme-page-goods-wrapper .theme-goods-list .theme-goods-item {
  margin-right: 24px;
  float: left;
  width: 164px;
  overflow: hidden;
}
#theme-page-goods-wrapper .hot .theme-goods-item .wrapper {
  margin: 3px 0 0 3px;
}
#theme-page-goods-wrapper .theme-goods-item .info {
  padding: 1px;
  width: 160px;
  /*border: #bcbcbc solid 1px;*/
  overflow: hidden;
}
#theme-page-goods-wrapper .theme-goods-item .name,
#theme-page-goods-wrapper .theme-goods-item .price,
#theme-page-goods-wrapper .theme-goods-item .discount {
  padding: 0 4px;
}
#theme-page-goods-wrapper .theme-goods-item .model {
  padding: 0 4px 5px 4px;
}
/* 詳細頁 */
#theme-page-goods-view {
  float: right;
  width: 935px;
  overflow: hidden;
  padding: 10px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background-color: #fff;
}
#theme-page-goods-view h3 {
  margin: 0;
  font-size: 25px;
  color: #000;
  font-weight: normal;
  line-height: 30px;
}
#theme-page-goods-view .view-goods-left-frame {
  margin: 0 auto;
  width: 900px;
  overflow: hidden;
}
#theme-page-goods-view .view-goods-left-frame .picture {
  position: relative;
  padding: 4px;
  float: left;
  width: 400px;
  height: 400px;
  background: url(../images/goods_pic_bg.png) no-repeat 0 0;
  overflow: hidden;
}
#theme-page-goods-view .view-goods-left-frame .picture span.icon-outstock {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 75px;
  height: 77px;
  background: url(../images/icon_outstock2.png) no-repeat 0 0;
  overflow: hidden;
  text-indent: -9999px;
}
#theme-page-goods-view .view-goods-left-frame .library-data {
  float: right;
  width: 450px;
  height: 408px;
  font-size: 15px;
  font-weight: bold;
  overflow: hidden;
}
#theme-page-goods-view .library-data h4 {
  margin: 15px 0 0 9px;
  font-size: 22px;
  color: #000;
  font-weight: normal;
  line-height: 30px;
}
#theme-page-goods-view .library-data .model {
  margin-bottom: 20px;
  padding: 15px 10px 20px;
  color: #666;
  border-bottom: #bcbcbc solid 1px;
}
#theme-page-goods-view .library-data .model span {
  font-weight: normal;
}
#theme-page-goods-view .library-data table th,
#theme-page-goods-view .library-data table td {
  padding: 5px 0;
  color: #333;
  line-height: 22px;
}
#theme-page-goods-view .library-data table th {
  padding: 0 5px 0 10px;
  text-align: left;
  background: url(../images/icon_colon.gif) no-repeat right 12px;
}
#theme-page-goods-view .library-data table th.wd {
  letter-spacing: 12px;
}
#theme-page-goods-view .library-data table td {
  padding-left: 15px;
}
#theme-page-goods-view .library-data table td span {
  padding-right: 3px;
  font-size: 25px;
  vertical-align: middle;
}
#theme-page-goods-view .library-data table td select {
  width: 60px;
}
#theme-page-goods-view .library-data button.order {
  float: left;
  display: block;
  margin: 30px 0 20px 10px;
  padding-left: 25px;
  width: 145px;
  height: 35px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border: none;
  background: url(../images/btn_shopping.png) no-repeat 0 0;
  overflow: hidden;
}
#theme-page-goods-view .library-data button.track {
  float: left;
  display: block;
  margin: 30px 0 20px 10px;
  padding-left: 25px;
  width: 145px;
  height: 35px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border: none;
  background: url(../images/btn_track.png) no-repeat 0 0;
  overflow: hidden;
}
#theme-page-goods-view .library-data button.order:hover,
#theme-page-goods-view .library-data button.track:hover {
  background-position: 0 -35px;
}
#theme-page-goods-view .library-data .activity {
  position: relative;
  /*margin-top: 66px;*/
  width: 450px;
  overflow: hidden;
}
#theme-page-goods-view .library-data .activity span {
  display: block;
  position: absolute;
  top: 0;
  left: 12px;
  padding: 5px 5px 0 8px;
  width: 38px;
  height: 52px;
  color: #fff;
  line-height: 18px;
  background: url(../images/icon_activity.png) no-repeat 0 0;
  overflow: hidden;
}
#theme-page-goods-view .library-data .activity .txt {
  margin-top: 6px;
  padding: 20px 10px 20px 70px;
  width: 368px;
  font-size: 16px;
  color: #000;
  font-weight: normal;
  border: #ccc solid 1px;
  overflow: hidden;
}
#theme-page-goods-view .library-intro {
  margin: 50px 0;
  width: 935px;
  overflow: hidden;
}
#theme-page-goods-view .library-text-frame {
  margin: 30px auto 0;
  width: 900px;
  font-size: 15px;
  color: #666;
  overflow: hidden;
}
#theme-page-goods-view .library-related {
  padding-bottom: 45px;
}
#theme-page-goods-view .library-related .list {
  padding-left: 8px;
  width: 980px;
  overflow: hidden;
}
#theme-page-goods-view .library-related .list .theme-goods-item {
  margin: 0 10px;
  float: left;
  width: 164px;
  overflow: hidden;
}
/* 購物清單 + 會員專區 */
/* 共用 */
#theme-page-cart-frame .process {
  margin-bottom: 15px;
  width: 1120px;
  height: 65px;
  overflow: hidden;
}
#theme-page-cart-frame .theme-button-frame {
  width: auto;
  display: table;
  text-align: center;
}
.formBox {
  margin-bottom: 25px;
  width: 1120px;
  font-size: 14px;
  overflow: hidden;
}
.formBox.w900 {
  margin: 0 auto 25px;
  width: 900px;
}
.formBox input {
  vertical-align: middle;
}
.formBox label {
  padding-left: 5px;
}
.formBox label {
  font-size: 14px;
  color: #666;
}
.formBox .itemTi {
  margin-bottom: 15px;
  padding: 0 0 8px 15px;
  width: 1105px;
  font-size: 18px;
  color: #000;
  overflow: hidden;
}
.formBox .lineBg {
  background: url(../images/line2.gif) repeat-x bottom;
}
.formBox .itemTi.tiImg {
  padding: 0 0 7px 0;
  width: 1120px;
  height: 40px;
  overflow: hidden;
}
.formBox .itemTi label {
  color: #ee7b00;
}
.formBox .itemTi.remind span {
  display: block;
  padding: 0 0 3px 30px;
  height: 18px;
  line-height: 18px;
  background: url(../images/icon_remind.png) no-repeat 0 0;
}
.formBox .itemTi div {
  padding-right: 15px;
}
.formBox .itemTi.goods {
  margin-bottom: 0;
}
.formBox .itemTi a.btnModify {
  padding: 0 10px;
  float: right;
  font-size: 13px;
  color: #666;
  font-weight: bold;
  line-height: 22px;
  border: #aaa solid 1px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.formBox .itemTi a.btnModify:hover {
  color: #fff;
  border: #666 solid 1px;
  background-color: #666;
}
.formBox ul {
  margin: 0;
  padding: 0 0 0 15px;
  list-style: none;
}
.formBox ul li {
  color: #666;
  line-height: 30px;
}
.formBox ul li label {
  color: #121212;
}
.formBox ul li a {
  padding-left: 10px;
  font-size: 12px;
  color: #ee7b00;
}
.formBox ul li a:hover {
  text-decoration: underline;
}
.formBox ul li span {
  padding-left: 3px;
  font-weight: bold;
}
.formBox.w900 ul li {
  padding-left: 12px;
  font-weight: bold;
  background: url(../images/aw3.gif) no-repeat left 13px;
}
.formBox ul.delivery a {
  font-weight: bold;
}
.formBox .library-text-frame {
  margin-top: 10px;
  padding: 10px 15px;
  width: 1090px;
  font-size: 13px;
  background-color: #f1f1f1;
  overflow: hidden;
}
.listTb {
  width: 100%;
  text-align: center;
}
.listTb th {
  height: 35px;
  color: #000;
  line-height: 35px;
  border-top: #ccc solid 1px;
  border-bottom: #ccc solid 1px;
  background-color: #f2f2f2;
  overflow: hidden;
}
.listTb th:first-child {
  border-left: #ccc solid 1px;
}
.listTb th:last-child {
  border-right: #ccc solid 1px;
}
.listTb th.name {
  padding-left: 15px;
  width: 600px;
  text-align: left;
  overflow: hidden;
}
.listTb .picture {
  padding-left: 5px;
  width: 120px;
  overflow: hidden;
}




.listTb td {
  padding: 10px 0;
  background: url(../images/line.gif) repeat-x bottom;
}
.listTb tr:last-child td {
  background: none;
}
.listTb.order tr:last-child td {
  background: url(../images/line.gif) repeat-x bottom;
}
.listTb td.pic {
  padding: 10px 15px;
  width: 100px;
  overflow: hidden;
}
.listTb td.pic a {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.listTb td.name {
  padding: 15px 0 10px 20px;
  width: 450px;
  font-size: 12px;
  color: #888;
  text-align: left;
  overflow: hidden;
}
.listTb td.name a {
  /* display: block; */
  padding-bottom: 5px;
  font-size: 15px;
  color: #000;
  font-weight: bold;
}
.listTb td.name span {
  display: block;
  padding-top: 10px;
  color: #ee7b00;
  font-weight: bold;
}
.listTb td.discount {
  color: #ee7b00;
}
.listTb td a.btnDel {
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background: url(../images/btn_del.png) no-repeat 0 0;
  overflow: hidden;
}
.listTb td a.btnTrack {
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background: url(../images/btn_add.png) no-repeat 0 0;
  overflow: hidden;
}
.listTb td a.btnDel:hover,
.listTb td a.btnTrack:hover {
  background-position: 0 -24px;
}
.listTb td select {
  width: 50px;
  height: 25px;
}
.listTb.order tr:hover {
  background-color: #f5f5f5;
}
.listTb.order tr:hover:first-child {
  background: none;
}
.listTb.order a.btnInquiry {
  display: block;
  margin: 0 auto;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  background: url(../images/btn_inquiry.png) no-repeat 0 0;
  overflow: hidden;
}
.listTb.order a.btnInquiry:hover {
  background-position: 0 -22px;
}
.formTb {
  width: 100%;
  overflow: hidden;
}
.formTb tr {
  vertical-align: top;
}
.formTb th,
.formTb td {
  padding: 5px 0;
  line-height: 20px;
}
.formTb th {
  padding-left: 15px;
  width: 11%;
  color: #121212;
  text-align: left;
  overflow: hidden;
}
.formTb td {
  padding-left: 15px;
  width: 89%;
  color: #666;
  overflow: hidden;
}
.formTb td select {
  height: 24px;
  vertical-align: middle;
  line-height: 24px;
}
.formTb td select:not(*:root) {
  border: #bbb solid 1px;
}
.formBox.w900 th {
  width: 14%;
}
.formBox.w900 td {
  width: 86%;
}
.formBox.w900 td span {
  color: #ee7b00;
}
.card {
  margin: 10px 0 0 15px;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
/* 總金額 */

.calculate {
  margin-bottom: 20px;
  padding: 15px 15px;
  width: 1090px;
  font-size: 13px;
  font-weight: bold;
  border-top: #ddd solid 3px;
  background-color: #f1f1f1;
  overflow: hidden;
}
.calculate span {
  color: #ee7b00;
}
.calculate .discount {
  float: left;
  width: 700px;
  overflow: hidden;
}
.calculate .discount input.btn {
  padding: 0 10px;
  height: 24px;
  font-size: 13px;
  color: #333;
  line-height: 24px;
  border: none;
  background-color: #bbb;
}
.calculate .discount .activity {
  margin-right: 15px;
  padding: 10px;
  width: 665px;
  line-height: 25px;
  background-color: #fff;
  overflow: hidden;
}
.calculate .discount .activity > span {
  display: block;
}
.calculate .discount .activity .amount {
  padding-right: 10px;
  float: right;
}
.calculate .discount .activity .amount span {
  padding-left: 8px;
  font-size: 16px;
  font-weight: normal;
}
.calculate .discount .ticket,
.calculate .discount .bonus {
  padding-top: 15px;
}
.calculate .discount .quantity {
  padding-top: 15px;
}
.calculate .discount .bonus span,
.calculate .discount .quantity span {
  padding: 0 5px;
}
.calculate .theme-order-money {
  padding-left: 14px;
  float: right;
  width: 375px;
  border-left: #ccc solid 1px;
  overflow: hidden;
}
.theme-order-money .library-headline {
  padding-bottom: 3px;
  font-size: 15px;
  color: #000;
  border-bottom: #ccc solid 1px;
}
.theme-order-money table {
  margin-top: 5px;
  width: 100%;
}
.theme-order-money table th,
.theme-order-money table td {
  padding: 3px 0;
}
.theme-order-money table th {
  text-align: left;
}
.theme-order-money table td {
  font-weight: normal;
  text-align: right;
}
.theme-order-money table td.discount {
  float: none;
  width: auto;
  color: #ff4136;
}
.theme-order-money table td.money {
  font-size: 20px;
  color: #ee7b00;
}
.theme-order-money table td.line {
  height: 7px;
}
.theme-order-money h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 5px 0;
}
/* 加購區 + 贈品區 */

.formBox .listBox {
  margin: 0 auto 20px;
  width: 1116px;
  overflow: hidden;
}
.formBox .theme-goods-item {
  margin: 0 11px;
  float: left;
  width: 164px;
  overflow: hidden;
}
.formBox .theme-goods-item .info {
  padding-bottom: 8px;
}
.formBox .theme-goods-item .discount {
  padding-bottom: 10px;
}
.formBox .theme-goods-item .quantity {
  padding-left: 4px;
  float: left;
}
.formBox .theme-goods-item a.btn {
  display: block;
  padding-right: 4px;
  width: 60px;
  height: 25px;
  color: #3e311c;
  text-align: center;
  line-height: 25px;
  background: url(../images/btn_bg.gif) no-repeat 0 0;
  overflow: hidden;
}
.formBox .theme-goods-item:hover a.btn {
  color: #fff;
  background-position: 0 -25px;
}
.formBox .theme-goods-item a.plus {
  float: right;
}
.formBox .theme-goods-item a.convert {
  margin: 10px auto 0;
}
/* 訂單輸入 + 訂單完成 */

.inquiry {
  margin: 10px auto 0;
  width: 380px;
  overflow: hidden;
}
.inquiry .txt {
  width: 330px;
  overflow: hidden;
}
ul.orderItem {
  margin: 0 0 10px 30px;
  padding: 0;
  list-style: none;
}
ul.orderItem li {
  padding-left: 12px;
  color: #666;
  font-weight: bold;
  line-height: 25px;
  background: url(../images/aw3.gif) no-repeat 0 10px;
}
.orderForm {
  padding: 30px 0 0 30px;
  font-weight: bold;
  line-height: 25px;
  border-top: #ccc solid 1px;
}
.orderForm button {
  margin-top: 10px;
  width: 80px;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
}
.formBox .record {
  margin: 0 auto;
  width: 1090px;
  overflow: hidden;
}
.formBox .finish {
  margin-bottom: 20px;
  font-size: 22px;
  color: #000;
  text-align: center;
}
.formBox .finish p {
  margin: 10px 0 0 0;
  font-size: 14px;
  color: #666;
  font-weight: bold;
}
.formBox .finish p a {
  color: #ee7b00;
}
.formBox .finish p a:hover {
  text-decoration: underline;
}
/* 加入會員 + 修改會員資料 w600 + 我要加盟 w1000 */
#theme-page-member-wrapper .library-note {
  margin: 0 auto 20px;
  padding: 5px 10px;
  font-weight: bold;
  line-height: 20px;
  background-color: #f5f5f5;
  overflow: hidden;
}
#theme-page-member-wrapper .library-note p {
  margin: 3px 0 0 0;
}
#theme-page-member-wrapper .library-note p span {
  padding: 0 3px;
  color: #ee7b00;
}
#theme-page-member-wrapper .library-note p a {
  padding-left: 15px;
  color: #000;
  text-decoration: underline;
}
#theme-page-member-wrapper .library-note p a:hover {
  color: #ee7b00;
}
#theme-page-member-wrapper .library-note ul {
  margin: 0;
  padding: 0;
  float: right;
  list-style: none;
}
#theme-page-member-wrapper .library-note ul li {
  padding: 0 10px;
  float: left;
  line-height: 25px;
}
#theme-page-member-wrapper .library-note ul li a {
  display: block;
  padding-left: 25px;
  font-size: 13px;
  color: #888;
  font-weight: bold;
}
#theme-page-member-wrapper .library-note ul li a:hover,
#theme-page-member-wrapper .library-note ul li.current a {
  color: #000;
}
#theme-page-member-wrapper .library-note ul li.edit a {
  background: url(../images/icon_editor.png) no-repeat 0 3px;
}
#theme-page-member-wrapper .library-note ul li.pw a {
  background: url(../images/icon_pw.png) no-repeat 0 3px;
}
#theme-page-member-wrapper .library-note ul li.order a {
  background: url(../images/icon_order.png) no-repeat 0 3px;
}
#theme-page-member-wrapper .library-note ul li.track a {
  background: url(../images/icon_track.png) no-repeat 0 3px;
}
#theme-page-member-wrapper .library-note ul li:last-child {
  padding-right: 0;
}
.library-affiliate-frame {
	padding-bottom: 15px;
	width: 1120px;
	overflow: hidden;
}
.library-join-frame {
  margin: 0 auto 35px;
  width: 820px;
  font-size: 14px;
  overflow: hidden;
}
.library-join-frame.w380 {
  width: 380px;
}
.library-join-frame .library-headline {
  padding-bottom: 10px;
  font-size: 15px;
  color: #ee7b00;
  font-weight: bold;
}
.library-join-frame input {
  vertical-align: middle;
}
.library-join-frame label {
  padding-left: 3px;
}
.library-join-frame .library-join-table {
  font-weight: bold;
}
.library-join-frame .library-join-table caption {
  padding-bottom: 10px;
  font-size: 15px;
  color: #ee7b00;
  text-align: left;
}
.library-join-frame.w380 .library-join-table caption {
  font-size: 13px;
  color: #888;
}
.library-join-frame .library-join-table tr {
  vertical-align: top;
}
.library-join-frame .library-join-table th,
.library-join-frame .library-join-table td {
  padding: 5px 0;
  line-height: 28px;
}
.library-join-frame .library-join-table th {
  width: 12%;
  color: #121212;
  text-align: left;
  overflow: hidden;
}
.library-join-frame.w380 .library-join-table th {
  width: 19%;
}
.library-join-frame .library-join-table th strong,
.library-join-frame.affiliate .library-join-table td.wd strong {
  padding-right: 3px;
  font-size: 15px;
  color: #ee7b00;
}
.library-join-frame .library-join-table td {
  padding-left: 10px;
  width: 88%;
  color: #666;
  overflow: hidden;
}
.library-join-frame .library-join-table td span {
  padding-left: 10px;
  color: #888;
}
.library-join-frame .library-join-table td select {
  height: 24px;
  vertical-align: middle;
  line-height: 24px;
}
.library-join-frame .library-join-table td select:not(*:root) {
  border: #bbb solid 1px;
}
.library-join-frame .library-join-table td.code span {
  display: inline-block;
  width: 100px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  overflow: hidden;
}
.library-join-frame.affiliate .library-join-table td.wd {
  padding-left: 0;
  color: #121212;
}
.library-join-frame.affiliate .library-join-table td a {
  padding-left: 10px;
  color: #ee7b00;
}
.library-join-frame.affiliate .library-join-table td a:hover {
  text-decoration: underline;
}
.library-join-frame.w380 .library-join-table td.btn {
  padding: 10px 0 0 80px;
}
.library-join-frame.w380 .library-join-table td.btn button {
  padding: 0 25px;
  height: 28px;
  line-height: 28px;
}
.library-join-frame .library-terms-area {
  margin-bottom: 8px;
  padding: 10px 15px 10px 18px;
  width: 785px;
  height: 190px;
  font-size: 13px;
  border: #bbb solid 1px;
  overflow-x: hidden;
  overflow-y: auto;
}
.library-join-frame.affi .library-terms-area {
  height: 300px;
}
.library-join-frame .agree-frame label {
  color: #ee7b00;
}
#theme-page-member-wrapper .top-status {
  margin-bottom: 10px;
  padding: 15px;
  width: 1150px;
  background-color: #f5f5f5;
  overflow: hidden;
}
#theme-page-member-wrapper .top-status .txt {
  color: #666;
  line-height: 22px;
}
button.affiliate {
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 30px;
  font-weight: bold;
  line-height: 30px;
  overflow: hidden;
}
.affiliate-table {
  margin: 20px auto 30px;
  width: 500px;
  font-size: 14px;
  font-weight: bold;
}
.affiliate-table div {
  margin-top: 10px;
  padding-left: 10px;
  width: 490px;
  font-size: 15px;
  color: #121212;
  line-height: 25px;
  border: #ccc solid 1px;
  background-color: #f2f2f2;
  overflow: hidden;
}
.affiliate-table th,
.affiliate-table td {
  padding: 7px 0;
  background: url(../images/line.gif) repeat-x bottom;
}
.affiliate-table th {
  width: 160px;
  color: #121212;
  text-align: right;
  overflow: hidden;
}
.affiliate-table td {
  padding-left: 10px;
  width: 330px;
  color: #666;
  overflow: hidden;
}
.affiliate-table .id {
  background: none;
}
.affiliate-table td.ti {
  padding: 0;
  background: none;
}
/* 會員-登入前 */

.theme-member-form {
  margin: 0 auto;
  width: 550px;
  font-size: 14px;
  overflow: hidden;
}
.theme-member-form > div {
  margin: 30px 0;
  width: 550px;
  overflow: hidden;
}
.theme-member-form .library-headline {
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-size: 25px;
  color: #ee7b00;
  border-bottom: #aaa solid 1px;
}
.theme-member-form .library-headline span {
  padding-left: 5px;
  font-size: 13px;
  color: #888;
  font-weight: bold;
}
.theme-member-form .form table {
  margin: 20px auto 0;
}
.theme-member-form .form th,
.theme-member-form .form td {
  padding: 5px 0;
}
.theme-member-form .form th {
  width: 70px;
  color: #121212;
  text-align: left;
  overflow: hidden;
}
.theme-member-form .form td.btn {
  padding-left: 70px;
}
.theme-member-form .form td.btn button {
  width: 80px;
  height: 28px;
  line-height: 28px;
}
.theme-member-form .form a {
  height: 28px;
  vertical-align: middle;
  line-height: 28px;
}
.theme-member-form .library-txt {
  padding-bottom: 5px;
  width: 550px;
  border-bottom: #ddd solid 1px;
  overflow: hidden;
}
.theme-member-form .library-txt ul.library-item {
  margin: 0;
  padding: 0;
  list-style: none;
}
.theme-member-form .library-txt ul.library-item li {
  margin-bottom: 10px;
  padding-left: 15px;
  color: #666;
  font-weight: bold;
  line-height: 20px;
  background: url(../images/aw3.gif) no-repeat 2px 7px;
}
.theme-member-form .library-txt ul.library-item li span {
  display: block;
  padding-bottom: 5px;
  font-size: 14px;
  color: #121212;
}
/* 會員-登入後 */
#theme-page-member-wrapper .item-table {
  margin: 0 auto 10px;
}
ul#theme-member-center-item {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#theme-member-center-item li {
  margin: 0 20px;
  float: left;
}
ul#theme-member-center-item li a {
  display: block;
  position: relative;
  padding-left: 97px;
  font-size: 14px;
  color: #444;
  font-weight: bold;
  line-height: 87px;
  background: url(../images/p_center_icon.gif) no-repeat 0 0;
}
ul#theme-member-center-item li a:hover {
  text-decoration: underline;
}
ul#theme-member-center-item li a span {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 10px;
  width: 87px;
  height: 87px;
  vertical-align: middle;
  overflow: hidden;
  transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
ul#theme-member-center-item li a:hover span {
  top: -5px;
}
ul#theme-member-center-item li.edit span {
  background: url(../images/icon_editor.png) no-repeat center;
}
ul#theme-member-center-item li.pw span {
  background: url(../images/icon_pw.png) no-repeat center;
}
ul#theme-member-center-item li.order span {
  background: url(../images/icon_order.png) no-repeat center;
}
ul#theme-member-center-item li.track span {
  background: url(../images/icon_track.png) no-repeat center;
}
/* 付款彈出視窗 */
#theme-pay-help {
  margin: 0 auto;
  padding: 20px;
  width: 860px;
  height: 460px;
  overflow-x: hidden;
  overflow-y: auto;
  color: #000;
}
/* 消息公告 */
#theme-page-news-list,
#theme-page-news-view {
  float: right;
  width: 895px;
  font-weight: bold;
  overflow: hidden;
}
#theme-page-news-list .sort {
  text-align: center;
  font-weight: bold;
}
#theme-page-news-list .sort a {
  color: #666;
  padding: 0 7px;
}
#theme-page-news-list .sort a:hover,
#theme-page-news-list .sort a.current {
  color: #ee7b00;
}
#theme-page-news-list .news-table {
  margin-top: 15px;
  width: 100%;
}
#theme-page-news-list .news-table th {
  height: 35px;
  color: #000;
  line-height: 35px;
  border-top: #ccc solid 1px;
  border-bottom: #ccc solid 1px;
  background-color: #f2f2f2;
  overflow: hidden;
}
#theme-page-news-list .news-table .library-headline {
  padding-left: 10px;
  width: 665px;
  text-align: left;
  overflow: hidden;
}
#theme-page-news-list .news-table th:first-child {
  border-left: #ccc solid 1px;
}
#theme-page-news-list .news-table th:last-child {
  border-right: #ccc solid 1px;
}
#theme-page-news-list .news-table td {
  padding: 8px 0;
  color: #888;
  text-align: center;
  background: url(../images/line.gif) repeat-x bottom;
}
#theme-page-news-list .news-table tr:hover {
  background: #efefef;
}
#theme-page-news-list .news-table tr:first-child:hover {
  background: none;
}
#theme-page-news-list .news-table td a {
  display: block;
  padding-left: 10px;
  width: 640px;
  color: #333;
  text-align: left;
  overflow: hidden;
}
#theme-page-news-list .news-table tr:hover a {
  color: #ee7b00;
}
#theme-page-news-view .library-top-bar {
  padding-bottom: 10px;
  line-height: 25px;
  border-bottom: #ccc solid 1px;
}
#theme-page-news-view .library-title {
  float: left;
  width: 90%;
  font-size: 18px;
  color: #000;
  position: relative;
}
#theme-page-news-view .library-date {
  float: right;
  width: 10%;
  color: #ee7b00;
  text-align: right;
  position: relative;
}
#theme-page-news-view .library-text-frame {
  padding: 20px;
  width: 855px;
  overflow: hidden;
}
/* 聯絡我們 */
#theme-page-contact-wrapper span.require {
  color: #ee7b00;
  font-weight: bold;
  padding: 0 3px;
  font-size: 1.2em;
}
#theme-page-contact-wrapper .library-form {
  margin: 0 auto;
  width: 820px;
  font-size: 14px;
}
#theme-page-contact-wrapper .library-form caption {
  padding-bottom: 10px;
  color: #ee7b00;
  font-weight: bold;
  text-align: left;
}
#theme-page-contact-wrapper .library-form caption img {
  vertical-align: middle;
}
#theme-page-contact-wrapper .library-form th {
  width: 12%;
  color: #121212;
  text-align: left;
  overflow: hidden;
}
#theme-page-contact-wrapper .library-form td {
  padding: 5px;
}
#theme-page-contact-wrapper .library-form input.in-text {
  border: 1px solid #CCC;
  padding: 1px;
  height: 25px;
  box-sizing: border-box
}
#theme-page-contact-wrapper .library-form select {
  width: 100%;
  height: 25px;
  line-height: 25px;
  border: 1px solid #CCC;
}
#theme-page-contact-wrapper .library-form textarea {
  height: 65px;
  border: 1px solid #CCC;
}
#theme-page-contact-wrapper .library-form .captcha {
  vertical-align: bottom;
}
#theme-page-contact-wrapper .w-100 {
  width: 100%;
}
#theme-page-contact-wrapper .theme-button-frame {
  margin: 20px 0 0 254px;
}
/* 購物流程 */
#theme-page-guide-wrapper {
  width: 1120px;
  overflow: hidden;
}
#theme-page-guide-wrapper .library-text-frame {
  margin: 0 auto 10px;
  width: 1120px;
  overflow: hidden;
}
/* 電子報 */
#theme-page-newsletter-wrapper .library-form {
  margin: 40px auto 0;
  width: 550px;
  font-weight: bold;
  overflow: hidden;
}
#theme-page-newsletter-wrapper .library-form input {
  vertical-align: middle;
}
#theme-page-newsletter-wrapper .library-form button {
  width: 80px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}
#theme-page-newsletter-wrapper .library-explain {
  margin: 20px auto 0;
  padding: 10px;
  width: 600px;
  color: #666;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  background-color: #f5f5f5;
  overflow: hidden;
}
/* 系統資訊 */
#theme-page-message-wrapper .library-text-frame {
  margin: 0 auto;
  padding: 0 10px 20px;
  width: 1100px;
  font-size: 16px;
  line-height: 25px;
  border-bottom: #ccc solid 1px;
  overflow: hidden;
}
#theme-page-message-wrapper a.button-home {
  display: block;
  margin: 20px auto 0;
  width: 75px;
  font-size: 15px;
  color: #000;
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
  overflow: hidden;
}
#theme-page-message-wrapper a.button-home:hover {
  text-decoration: none;
}
/* 頁碼 */
.theme-page-table {
  margin: 10px auto;
}
.theme-page-table .total {
  display: inline-block;
  padding-right: 10px;
  color: #777;
}
.theme-page-table .numbers {
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle;
}
.theme-page-table .numbers a {
  margin: 0;
  padding: 6px 9px;
  font-size: 12px;
  color: #666;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  border: #ccc solid 1px;
  background-color: #fff;

}
.theme-page-table .numbers a:hover,
.theme-page-table .numbers span a {
  color: #fff;
  border: #ee7b00 solid 1px;
  background-color: #ee7b00;
}
.theme-page-table .button-prev,
.theme-page-table .button-next {
  display: inline-block;
  width: 35px;
  vertical-align: middle;
  overflow: hidden;
}
.theme-page-table .button-prev a,
.theme-page-table .button-next a,
.theme-page-table .no-prev,
.theme-page-table .no-next {
  display: block;
  padding: 8px 0;
  width: 32px;
  text-indent: -9999px;
  line-height: 32px;
  border: #ccc solid 1px;
  overflow: hidden;
}
.theme-page-table .button-prev a:hover,
.theme-page-table .button-next a:hover {
  border: #ee7b00 solid 1px;
}
.theme-page-table .button-prev a span,
.theme-page-table .button-next a span,
.theme-page-table .no-prev span,
.theme-page-table .no-next span {
  display: block;
  margin: 0 auto;
  width: 6px;
  height: 9px;
  background: url(../images/btn_page.png) no-repeat 0 0;
  overflow: hidden;
}
.theme-page-table .button-prev a span {
  background-position: 0 0;
}
.theme-page-table .button-next a span {
  background-position: -6px 0;
}
.theme-page-table .button-prev a:hover span {
  background-position: 0 -9px;
}
.theme-page-table .button-next a:hover span {
  background-position: -6px -9px;
}
.theme-page-table .no-prev span {
  background-position: 0 -18px;
}
.theme-page-table .no-next span {
  background-position: -6px -18px;
}
/* line + 空白間格 */
.theme-space-5,
.theme-space-10,
.theme-space-20,
.theme-space-30,
.theme-space-40 {
  clear: both;
  font-size: 0;
  overflow: hidden;
}
.theme-space-5 {
  height: 5px;
}
.theme-space-10 {
  height: 10px;
}
.theme-space-20 {
  height: 20px;
}
.theme-space-30 {
  height: 30px;
}
.theme-space-40 {
  height: 40px;
}
.line {
  background: url(../images/line.gif) repeat-x center;
}
/* 表單 */
.theme-input-txt {
  padding-left: 5px;
  width: 125px;
  height: 22px;
  vertical-align: middle;
  line-height: 22px;
  border: none;
  background: url(../images/form_bg.png) no-repeat 0 0;
  overflow: hidden;
}
.theme-input-txt-b {
  padding-left: 5px;
  height: 22px;
  line-height: 22px;
  border: #bbb solid 1px;
  background: #fff;
}
.theme-input-txt-c {
  padding-left: 5px;
  height: 22px;
  line-height: 22px;
  border: none;
  border-bottom: #bbb solid 1px;
  background: none;
}
.theme-textarea {
  padding: 5px;
  height: 70px;
  border: #bbb solid 1px;
  background-color: #fff;
}
.theme-clearfix {
  clear: both;
}
.w50 {
  width: 50px;
}
.w70 {
  width: 70px;
}
.w100 {
  width: 100px;
}
.w200 {
  width: 200px;
}
.w250 {
  width: 250px;
}
.w280 {
  width: 280px;
}
.w350 {
  width: 350px;
}
.w532 {
  width: 532px;
}
.w538 {
  width: 538px;
}
.w644 {
  width: 644px;
}
.w649 {
  width: 649px;
}
.w970 {
  width: 970px;;
}
.img-vertical img {
  vertical-align: top;
}

.displayNo {
  display: none;
}

.loading {
  margin: 0 auto;
  padding: 0;
  width: 100px;
  height: 100px;
  overflow: hidden;
  list-style: none;
  background: url(../images/loading.gif) 50% 50% no-repeat;
}

/*
