body { background: #231f1b url('../image/allBg.png') 0px bottom repeat-x; color: #d2d2d2; font-family: '微軟正黑體',Arial, Helvetica, sans-serif; }
body, td, th, input, textarea, select { font-size: 13px; }
a{ color: #d2d2d2; font-size:1em; font-family: '微軟正黑體',Arial, Helvetica, sans-serif; }
a.selected,a:hover{ color: #8cbf00; }
input[type='text'],input[type='password'],textarea,select{ border: 1px solid #dcdcdc; }
table.radio tr:hover{ color:#8cbf00; }
table.radio td{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
table.radio td.gray{ background-color: #f5f5f5; }
table.radio td.note{ text-align: left; }


/* 顏色 */
.fc1{ color:#505050; }
.fc2{ color:#999999; }
.fc3{ color:#8cbf00; }
.fc4{ color:#d2d2d2; }
.fc5{ color:#000000; }
.fc6{ color:#ffffff; }


/* 大小 */
.fz1{ font-size:11px; }
.fz2{ font-size:13px; }
.fz3{ font-size:15px; }
.fz4{ font-size:17px; }
.fz5{ font-size:19px; }
.fz6{ font-size:21px; }


/* 文字圖示(icon) */
.iz1{ font-size: 1em; }
.iz2{ font-size: 1.5em; }
.iz3{ font-size: 2em; }
.iz4{ font-size: 2.5em; }
.iz5{ font-size: 3em; }
.iz6{ font-size: 3.5em; }
.iz7{ font-size: 4em; }


/* header */
#headerBg{ background: url('../image/topBg.png') center 0px no-repeat; }
#header #cart .heading{ border: 1px solid #8cbf00; background-color: #ffffff; }
#header #cart .content{ background-color: #FFFFFF; border:1px solid #8cbf00; }
#header #cart .icon-remove-sign{ color:#dcdcdc; cursor:pointer; }
#header #cart .icon-remove-sign:hover{ color:#8cbf00; }
#header #cart .checkout{ background-color: #8cbf00; }
#header #cart .checkout a{ font-size: 15px; font-weight:bold; color:#ffffff; }
#header #cart .min-cart-info > ul > li + li{ border-top: 1px solid #dcdcdc; }
#header #search{ border:1px solid #999999; background-color: #FFF; }
#header .heading > .icon-shopping-cart,
#header .icon-search { font-size: 1.5em; }
#header .links a{ color:#000000; }
#header .links a:hover{ color:#8cbf00; }
#header .links a:hover > i{ color:#8cbf00; }
/* menu */
#menu{ font-size: 0px; }
#menu > li > a{ font-size:15px; color:#d2d2d2; }
#menu > li.selected > a,
#menu > li:hover > a{ color:#8cbf00; background:url('../image/lightBtn.png') center center no-repeat; }
/* footer */
#footer .footer_bar{ background-color: #231f1b; }
#footer .nav > li + li{ border-left:1px solid #d2d2d2; }
#footer .nav a{ font-size:15px; }
#powered a{ color: #d2d2d2; }
#powered a:hover{ color:#8cbf00; }


/* notify */
.notify.shadow{ -webkit-filter: drop-shadow(0 1px 3px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 3px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 3px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 3px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 3px rgba(0,0,0,.5)); }
.notify > .layout{ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); border-radius: 3px; border-width: 5px; border-style: solid; background-color: #ffffff; }
.notify.popup > i.icon-remove{ background-color: #FFF; border-radius: 50%; border-width: 0px; border-style: solid; }
.notify > .layout.success + i.icon-remove,
.notify > .layout.success { color: #468847; border-color: #d6e9c6; }
.notify > .layout.info + i.icon-remove,
.notify > .layout.info { color:#000000; border-color: #bce8f1; }
.notify > .layout.warning + i.icon-remove,
.notify > .layout.warning { color:#b94a48; border-color: #eed3d7; }
.notify > .layout.attention { color:#c09853; border-color: #fbeed5; }


/* popup */
.overlay{ background-image:url('../image/gray50.png'); }
.overlay > .popup{ border: 5px solid #cccccc; background-color: #ffffff; }
.overlay > .popup > .close{ background-image:url('/image/chrome/close.png'); }
.overlay .content .title{ color:#8cbf00; font-weight: bolder; font-size:17px; }
.overlay .contenter > .title > span{ font-size:15px; color:#a0a0a0; background-color: #ffffff; }
.overlay .contenter > .title > hr{ border: none; border-bottom:1px solid #d2d2d2; }


/* tabs */
.htabs{ background-color: #f2f2f2; }
.htabs a { border-top: 2px solid #f2f2f2; }
.htabs a + a{ border-left: 1px solid #dcdcdc; }
.htabs a:nth-last-child(2){ border-right: 1px solid #dcdcdc; }
.htabs a.selected { border-top-color:#8cbf00; border-right-color: #f2f2f2; background: #FFFFFF; }


/* box */
.box.product > .box-heading { font-weight:bold; border-bottom:1px solid #d2d2d2; }
.box.product > .box-heading > .adorm { border-top: 3px solid #d2d2d2; }
.box.product > .box-heading > a > .more { padding: 0px 4px 1px 4px; line-height: 15px; font-weight: normal; background-color: #dcdcdc; }
.box.product > .box-heading a{ color:#FFFFFF; }
.box.product > .box-content a.image{ border:2px solid #dcdcdc; }
.box.product > .box-content > li:hover .image{ border-color:#8cbf00; }
.box.product > .box-content > li .name a{font-size: 15px;}
.box.product > .box-content > li:hover .name a{ color:#8cbf00;font-weight: bolder; }
.box.product.singletab > .box-heading a:hover{ color:#FFFFFF; }
.box.product.multtabs{ border:1px solid #8cbf00; }
.box.product.multtabs > .box-heading a:hover,
.box.product.multtabs > .box-heading a.selected{ color:#8cbf00; background-color: #FFFFFF; }
/* box menu */
.box.menu.type1 > .box-heading { font-weight:bold; border-bottom:1px solid #d2d2d2; }
.box.menu.type1 > .box-heading > .adorm { border-top: 3px solid #d2d2d2; }
.box.menu.type1 > .box-content li.selected a,
.box.menu.type1 > .box-content a:hover{ color: #8cbf00; }
.box.menu.type1 > .box-content > li.selected + .child{ border-bottom: 1px dotted #dcdcdc; }
.box.menu.type1 > .box-content li.first{ border-bottom: 1px dotted #dcdcdc; }
.box.menu.type1 > .box-content li.first .caret{ background-color: #b5b5b5; color:#fff; font-size: 14px; }
.box.menu.type1 > .box-content li.first .caret:hover{ background-color: #8cbf00; color:#fff; }
.box.menu.type1 > .box-content li.first.selected .caret{ background-color: #8cbf00; }
.box.menu.type1 > .box-content li.second:hover,
.box.menu.type1 > .box-content li.second.selected{ background-color: #F2F2F2; }
.box.menu.type2 > .box-heading { font-weight:bold; border-bottom:1px solid #d2d2d2; }
.box.menu.type2 > .box-heading > .adorm { border-top: 3px solid #d2d2d2; }
.box.menu.type2 > .box-heading > a > .more { padding: 0px 4px; line-height: 14px; font-weight: normal; background-color: #dcdcdc; }
.box.menu.type2 > .box-content ul li{ color: #505050; }
.box.menu.type2 > .box-content > ul > li{ border-bottom:1px dotted #dcdcdc; }
.box.menu.type2 > .box-content ul > li:hover,
.box.menu.type2 > .box-content ul > li.selected,
.box.menu.type2 > .box-content ul > li:hover > a,
.box.menu.type2 > .box-content ul > li.selected > a{ color: #8cbf00; }
.box.menu.type2 > .box-content ul > li:hover > a,
.box.menu.type2 > .box-content ul > li.selected > a{ font-weight: bolder; }
.box.menu.type2 > .box-content a{ font-size:11px; }
.box.menu.type2 > .box-content > ul > li > a{ font-size:15px; font-weight: bolder; }
.box.menu.type3 > .box-heading { font-weight:bold; border-bottom:1px solid #d2d2d2; }
.box.menu.type3 > .box-heading > .adorm { border-top: 3px solid #d2d2d2; }
.box.menu.type3 > .box-heading > a > .more { padding: 0px 4px; line-height: 14px; font-weight: normal; background-color: #dcdcdc; }
.box.menu.type3 > .box-content ul li{ color: #505050; }
.box.menu.type3 > .box-content > ul > li{ border-bottom:1px dotted #dcdcdc; }
.box.menu.type3 > .box-content ul > li:hover,
.box.menu.type3 > .box-content ul > li.selected,
.box.menu.type3 > .box-content ul > li:hover > a,
.box.menu.type3 > .box-content ul > li.selected > a{ color: #8cbf00; }
.box.menu.type3 > .box-content ul > li:hover > a,
.box.menu.type3 > .box-content ul > li.selected > a{ font-weight: bolder; }
.box.menu.type3 > .box-content a{ font-size:13px; }
.box.menu.type3 > .box-content > ul > li > a{ font-size:15px; font-weight: bolder; }
/* box plugs */
.box.plugs.type1 > .box-heading { font-weight:bold; border-bottom:1px solid #8cbf00; }
.box.plugs.type1 > .box-heading > .adorm { border-top: 3px solid #8cbf00; }
.box.plugs.type1 > .box-heading > a > .more { padding: 0px 4px; line-height: 14px; font-weight: normal; background-color: #dcdcdc; }
.box.plugs.type1 > .box-content li{ padding: 3px 0px; color: #505050; border-bottom:1px dashed #505050; }
.box.plugs.type1 > .box-content > li:hover,
.box.plugs.type1 > .box-content > li.selected,
.box.plugs.type1 > .box-content > li:hover > a,
.box.plugs.type1 > .box-content > li.selected > a{ color: #8cbf00; }
.box.plugs.type1 > .box-content a{ font-size:13px; font-weight: bolder; }


/* breadcrumb */
.breadcrumb{ border-bottom:1px solid #d2d2d2; }
.breadcrumb a{ font-size:11px; }
.breadcrumb a:hover{ color:#8cbf00; }


/* step */
.step .step-text > .gray{ color:#a0a0a0; }
.step .step-text > .black{ color:#000000; font-weight: bolder; }


/* register */
.register .heading{ font-weight:bold; color:#000000; font-size:17px; }
.register > li.leftBlock a.button{ font-size:15px; }
.register > li.rightBlock{ border-left:1px solid #d2d2d2; }


/* login */
.login .heading{ font-weight:bold; color:#000000; font-size:17px; }
.login > li.account a.button{ font-size:15px; }
.login > li.rightBlock{ border-left:1px solid #d2d2d2; }
.login > li.rightBlock .blockR > a.button{ font-size:15px; color:#535353; border:1px solid #d2d2d2; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */; }


/* forgotten */
.forgotten .heading{ font-weight:bold; color:#000000; font-size:17px; }
.forgotten > li.leftBlock a.button{ font-size:15px; }
.forgotten > li.rightBlock{ border-left:1px solid #d2d2d2; }
.forgotten > li.rightBlock .blockR > a.button{ font-size:15px; color:#535353; border:1px solid #d2d2d2; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */; }


/* letter */
.letter .heading{ font-weight:bold; color:#000000; font-size:17px; }
.letter > li.rightBlock{ border-left:1px dotted #d2d2d2; }
.letter > li.note{ border-top:1px solid #d2d2d2; }


/* customer */
.customer > li a .name{ font-size:15px; font-weight:bold; }


/* account-edit */
.account-edit > .ui-table{ font-size: 15px; }
.account-edit > .ui-table .name{ text-align: right; }


/* wishlist */
.wishlist thead td { color: #4D4D4D; font-weight: bolder; background-color: #e5e5e5; }
.wishlist tbody td { border-bottom: 1px solid #DDDDDD; }
.wishlist .icon-remove-sign,
.wishlist .icon-plus-sign-alt{ color:#dcdcdc; cursor:pointer; }
.wishlist .icon-remove-sign:hover,
.wishlist .icon-plus-sign-alt:hover{ color:#8cbf00; }


/* cart */
.cart-list thead td { color: #4D4D4D; font-weight: bolder; background-color: #e5e5e5; }
.cart-list .icon-remove-sign{ color:#dcdcdc; cursor:pointer; }
.cart-list .icon-remove-sign:hover{ color:#8cbf00; }
.cart-list tbody td { border-bottom: 1px solid #DDDDDD; }
.cart-list tbody .total{ color:#8cbf00; font-weight: bolder; }
.cart-total tr.total td{ border-top: 1px dashed #8cbf00; color:#8cbf00; font-weight: bolder; font-size: 15px; }


/* order */
.order-list table { color:#000000; border-collapse: collapse; }
.order-list thead td { color: #4D4D4D; font-weight: bolder; background-color: #e5e5e5; }
.order-list tbody td { border-bottom: 1px solid #DDDDDD; }
.order-list tbody td.total{ color:#8cbf00; font-weight: bolder; }
.order-list .icon-file-text,
.order-list .icon-plus-sign-alt{ color:#dcdcdc; cursor:pointer; }
.order-list .icon-file-text:hover,
.order-list .icon-plus-sign-alt:hover{ color:#8cbf00; }
.order-info .report{ border-bottom: 1px solid #DDDDDD; }
.order-info .report form > .block{ background-color: #f2f2f2; }
.order-info .cart-list table{ color:#000000; }
.order-info .note,
.order-info .history,
.order-info .method{ border-top: 1px solid #DDDDDD; word-break: break-all; }
.order-info .method ul + ul{ border-top: 1px dashed #DDDDDD; }
.order-info .history ul + ul{ border-top: 1px dashed #DDDDDD; }


/* checkout */
.checkout{ font-size: 15px; }
.checkout .name{ text-align: right; }


/* confirm */
.confirm > .info > .blockR .message{ font-size: 30px; color:#8cbf00; font-weight: bolder; }
.confirm > .list > .cart-total{ border-bottom: 1px solid #DDDDDD; }
.confirm > .payment table { border-collapse: collapse; }
.confirm > .payment thead td { color: #000000; font-weight: bolder; background-color: #e5e5e5; }
.confirm > .payment tbody td { border-bottom: 1px solid #DDDDDD; color:#000000; }
.confirm > .payment tbody td + td { border-left: 1px solid #DDDDDD; }
.confirm > .payment tbody .total{ color:#8cbf00; font-weight: bolder; }


/* pagination */
.pagination a,
.pagination b{ border: 1px solid #CECECE; }
.pagination a{ background-color: #FFFFFF; }
.pagination b{ color:#2f2f2f; background-color: #EFEFEF; }


/* article*/
.article > .title{ font-size:19px; font-weight:bold; }
.article > .article-page{ border-top:1px solid #dcdcdc; }
.article > .article-page > li.center > a{ border: 1px solid #dcdcdc; }
.article-list > li{ border-bottom: 1px dashed #999999; }
.article-list > li .image{ background-position: center center; background-repeat: no-repeat; background-size: cover; border:2px solid #dcdcdc; }
.article-list > li:hover .image{ border-color:#8cbf00; }
.article-list > li .name{ color:#8cbf00; }
.article-list .description .more{ color: #FFFFFF; padding: 0px 4px; line-height: 14px; font-weight: normal; background-color: #8cbf00; }
.article-list .buttons{ background-color: #f4f4f4; }


/* category-list */
.category-list > li .image{ background-position: center center; background-repeat: no-repeat; background-size: cover; border:2px solid #dcdcdc; }
.category-list > li:hover .image{ border-color:#8cbf00; }
.category-list > li:hover .name{ color:#8cbf00; font-weight: bolder; }


/* product */
.product-search > .filter > .icon-search{ font-size: 1.5em; text-align: center; }
.product-filter{ background-color: #f4f4f4; }
.product-grid > li .image{ background-position: center center; background-repeat: no-repeat; background-size: cover; border:2px solid #dcdcdc; }
.product-grid > li:hover .image{ border-color:#8cbf00; }
.product-grid .name{font-size: 15px;}
.product-grid > li:hover .name{ color:#8cbf00; font-weight: bolder; }
.product-grid > li .price-old { color: #F00; text-decoration: line-through; }
.product-list > li{ border-bottom: 1px dashed #999999; }
.product-list > li .image{ background-position: center center; background-repeat: no-repeat; background-size: cover; border:2px solid #dcdcdc; }
.product-list > li:hover .image{ border-color:#8cbf00; }
.product-list > li .name{ color:#8cbf00; }
.product-list > li .price-old { color: #F00; text-decoration: line-through; }
.product-list .description .more{ color: #FFFFFF; padding: 0px 4px; line-height: 14px; font-weight: normal; background-color: #8cbf00; }
.product-list .buttons{ background-color: #f4f4f4; }
.product-info .right-top > .name{ font-weight: bolder; }
.product-info .right-middle a.button{ font-size:15px; }
.product-info .share a,
.product-info .right-bottom a{ border: 1px solid #dcdcdc; border-radius: 5px; }
.product-info .share a:hover,
.product-info .right-bottom a:hover{ border-color:#8cbf00; }
.product-info .right-bottom a{ border-color:#8cbf00; color:#8cbf00; }
.product-info .right-bottom a:hover{ border-color:#505050; color:#505050; }
.product-info > .floatL > .image{ border:1px solid #cccccc; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.product-info .image-additional .additional{ background-position: center center; background-repeat: no-repeat; background-size: cover; border:1px solid #cccccc; }
.product-info > .floatR > .right-top{ border-bottom: 1px dashed #dcdcdc; }
.product-info .image-additional .cycle-prev,
.product-info .image-additional .cycle-next { background-color: #000000; }
.product-detail{ border:1px solid #dcdcdc; }
.product-random a{ background-position: center center; background-repeat: no-repeat; background-size: cover; border:2px solid #cccccc; }
.product-random > span:hover a{ border:2px solid #8cbf00; }
.product-random > span:hover .name{ color:#8cbf00; font-weight: bolder; }
.product-random .cycle-prev,
.product-random .cycle-next { background-color: #000000; }
.product-page{ border-top:1px solid #dcdcdc; }
.product-page a:hover{ color:#8cbf00; }
.product-page > li.center > a{ border: 1px solid #dcdcdc; }
.product-dialog:hover{ background-color: #8cbf00; }


/* contact */
.contact-form input[type='text'],
.contact-form select,
.contact-form textarea{ border:1px solid #dcdcdc; }


/* Other */
a.button,
a.button.gray:hover{ color: #FFFFFF; font-weight: bolder; background-color: #8cbf00; }
a.button.gray{ color: #505050; background-color: #f2f2f2; }
.required,.error { color: #FF0000; }
.help { color: #999; font-size: 11px; }
.icon-align-justify{ font-size:23px; }
.icon-th{ font-size:24px; }
.price-new{ color:#8cbf00; font-weight: bolder; }
.bold{ font-weight: bolder; }
.buttom-action a.button{ font-size: 15px; }