@charset "utf-8";

/*------------------------ 

  頁頭 Header

-------------------------*/

#header {

	background-color: #000;

}



/*------------------------ 

  	主選單

-------------------------*/

/* 主選單 第一層 */

#web_nav > ul > li > a {

	color: #000000;

}

.h3_layout #web_nav > ul > li > a {

	color: #ECAA00;

}

#web_nav > ul > li:hover {

	background-color: #000000; 

}

#web_nav > ul > li:hover > a {

	color: #ECAA00;

}

/* 主選單 第二層 */

#web_nav ul > li > ul {

	background-color: #EEE; 

	padding: 15px 0; 

}

#web_nav ul > li > ul > li > a { 

	background-color: #EEE; 

	color: #000;

	border-color: rgba(236, 170, 0, 1);

}

#web_nav ul > li > ul > li > a:hover { 

	background-color: rgba(236, 170, 0, 1); 

	color: #000;

}



/*------------------------ 

  	主選單的背景

-------------------------*/

#nav_bg {

	background-color: #ECAA00;

	border-color: #ECAA00;

}



/*------------------------ 

  	副選單( 會員、追蹤、購物車 )

-------------------------*/

#submenu a {

	color: #ECAA00;

}



/*------------------------ 

  	頁尾 footer

-------------------------*/

#footer {

	background-color: #FFFFFF;

}



/*------------------------ 

  	頁尾 加重色塊

-------------------------*/

#o_div1 {

	background-color: #FFFFFF;

}



/*------------------------ 

  	頁尾 社群圖示

-------------------------*/

#footer_social a {

	/*background-color: #FFF;*/

}



/*------------------------ 

  	頁尾 聯絡資訊

-------------------------*/

#footer_contact li {

	color: #333;

	/*border: 1px solid #F00;*/

}

#footer_contact li a {

	color: #333;

}



/*------------------------ 

  	頁尾 版權宣告

-------------------------*/

#copyright {

	color: #55565a;

}



/*------------------------ 

  	頁尾 網站地圖

-------------------------*/

#footer_nav_map > li span {

	color: #000;

}

#footer_nav_map > li li a {

	color: #777;

}



/*------------------------ 

  	頁尾 訂購需知… 等文章

-------------------------*/

#footer_terms li a {

	color: #55565a;

	/*border: 1px solid #CCC;*/

}



/*------------------------ 

  	table表單

-------------------------*/

table {

	background-color: #FFF;

}

table tr:hover {

	background-color: none;

}

table th {

	border-color:#EEE;

	background-color: #FFF;

}

table td {

	border-color:#EEE;

}



/*------------------------ 

  	form表單

-------------------------*/

form {

	border-color: #CCC;

}



/*------------------------ 

  	按鈕

-------------------------*/

label {

    	color: #777;

}

label.error {

	color: #D90000;

}



/*------------------------ 

  	按鈕

-------------------------*/

input {

    	border-color: #CCC;

}

input.alert {

	border-color: #F00;

}



/*------------------------ 

  	按鈕

-------------------------*/

button {

    	color: rgba(236, 170, 0, 1);

    	border-color: rgba(236, 170, 0, 1);

}

button:hover {

    	color: rgba(236, 170, 0, 0.7);

    	border-color: rgba(236, 170, 0, 0.7);

}



/*------------------------ 

  	按鈕：放入購物車

-------------------------*/

.btn_add_cart {

	color: rgba(0, 0, 0, 1);

	background-color: rgba(236, 170, 0, 1);

}

.btn_add_cart:hover, .btn_add_cart:active {

	color: rgba(0, 0, 0, 0.6);

	border-color:rgba(236, 170, 0, 0.7);

	background-color: rgba(236, 170, 0, 0.7);

}



/*------------------------ 

  	按鈕：立即結帳

-------------------------*/

.btn_to_shopping {

	color: #FFF;

	background-color: #F4452C;

}

.btn_to_shopping:hover, .btn_to_shopping:active {

	color: #FFF;

	background-color: #E02B11;

}



/*------------------------ 

  	按鈕：確認訂購

-------------------------*/

#btn_shopping_next {

	color: rgba(0, 0, 0, 1);

	background-color: rgba(236, 170, 0, 1);

}

#btn_shopping_next:hover, #btn_shopping_next:active {

	color: rgba(0, 0, 0, 0.6);

	background-color: rgba(236, 170, 0, 0.7);

}



/*------------------------ 

  	按鈕：來信洽詢

-------------------------*/

#btn_submit_contact {

	color: rgba(0, 0, 0, 1);

    	border-color: rgba(0, 0, 0, 1);

}

#btn_submit_contact:hover, #btn_submit_contact:active {

    	color: rgba(0, 0, 0, 0.7);

    	border-color: rgba(0, 0, 0, 0.6);

}



/*------------------------ 

  	按鈕：第一次購物結帳

-------------------------*/

#btn_checkout_first {

	color: rgba(0, 0, 0, 1);

    	border-color: rgba(0, 0, 0, 1);

}

#btn_checkout_first:hover, #btn_checkout_first:active {

	color: rgba(0, 0, 0, 0.7);

    	border-color: rgba(0, 0, 0, 0.6);

}



/*------------------------ 

  	按鈕：會員登入

-------------------------*/

#btn_login {

	color: rgba(0, 0, 0, 1);

    	border-color: rgba(0, 0, 0, 1);

}

#btn_login:hover, #btn_login:active {

	color: rgba(0, 0, 0, 0.7);

    	border-color: rgba(0, 0, 0, 0.6);

}



/*------------------------ 

  	商品標籤

-------------------------*/

#block_tag li a {

    	color: #333;

}

#block_tag li a:hover {

    	color: #000;

}



/*------------------------ 

  	商品選單

-------------------------*/

/* 大分類 */

#block_catalog > ul > li > a {

	color: #000;

}

#block_catalog > ul > li > a:hover {

	color: #000;

}

#block_catalog > ul > li > a.active {

	color: #ECAA00;

}

/* 次分類 */

#block_catalog ul ul li a {

	color: #777;

}

#block_catalog ul ul li a:hover {

	color: #000;

}

#block_catalog ul ul li a.active {

	color: #ECAA00;

}



/*------------------------ 

  	促銷商品 標籤

-------------------------*/

.tag_promote {

	color: #FFF;

	background-color: #F4452C;

}



/*------------------------ 

  	新商品 標籤

-------------------------*/

.tag_new {

	color: #FFF;

	background-color: #59B200;

}



/*------------------------ 

  	購物車

-------------------------*/

#shopping_cart {

	border-color:#999;

	background-color: rgba(255,255,255,1);

}



/*------------------------ 

  	購物車裡的商品名稱

-------------------------*/

#shopping_cart .item_name a {

	color: #333;

}



/*------------------------ 

  	購物車裡的商品規格

-------------------------*/

#shopping_cart .spec {

	color: #777;

}



/*------------------------ 

  	購物車裡的總金額

-------------------------*/

#shopping_cart #cart_total {

	color: #F00;

}

/*------------------------ 

  	購物車是空的

-------------------------*/

#cart_empty {

	color: #333;

}



/*------------------------ 

  	購物車裡的結帳按鈕

-------------------------*/

#btn_checkout {

	color: #000;

	background-color: #ECAA00;

}



/*------------------------ 

  	購物車圖示上的數字

-------------------------*/

#subnav_cart .subnav_cart_count {

	color: #000;

	background-color: #ECAA00;

}



/*------------------------ 

  	商品陳列

-------------------------*/

#side_products li {

	border-color: #EEE;

	background-color: #FFF;

}



/*------------------------ 

  	商品名稱

-------------------------*/

.pd_name {

	color: #333;

}

.pd_name a {

	color: #333;

}



/*------------------------ 

  	商品規格

-------------------------*/

.pd_spec span {

	color: #777;

}

.btn_spec {

	color: #777;

	background-color: #FFF; 

	border-color: #777;

}

.btn_spec.active {

	color: #E02B11;

	background-color: #FFF; 

	border-color: #E02B11;

}

.btn_spec:hover {

	color: #E02B11;

	background-color: #FFF; 

	border-color: #E02B11;

}



/*------------------------ 

  	商品原價

-------------------------*/

.price_remove {

	color: #777;

}



/*------------------------ 

  	商品促銷價

-------------------------*/

.price_active {

	color: #E02B11;

}



/*------------------------ 

  	商品編號

-------------------------*/

.product_sn_title {

	color: #777;

}

.product_sn {

	color: #333;

}



/*------------------------ 

  	商品數量

-------------------------*/

.pd_num span {

	color: #777;

}

.stock {

	color: #777;

}



/*------------------------ 

  	商品追蹤

-------------------------*/

#follow {

	color: #777;

}



/*------------------------ 

  	結帳頁的三步導引

-------------------------*/

.circle {

	color: #FFF;

	background-color: #ECAA00;

}

#cart_content .h3 {

	color: #777;

}



/*------------------------ 

  	聯絡資訊

-------------------------*/

#info a {

	color: #333;

}



/*------------------------ 

  	文章

-------------------------*/

.article_content {

	color: #333;

}



/*------------------------ 

  	會員專區title

-------------------------*/

.title_bar {

	color: #000;

}



/*------------------------ 

  	搜尋

-------------------------*/

#search input {

	background-color: rgba(255,255,255,0.4);

	border-color: #000;

}

::-webkit-input-placeholder { color: rgba(0,0,0,0.5); } /* Chrome/Opera/Safari */

::-ms-input-placeholder { color: rgba(0,0,0,0.5); } /* IE 10+ */

::-moz-placeholder { color: rgba(0,0,0,0.5); }/* Firefox 19+ */

#search #btn_go {

	background-color: #AAA;

}





/*

* ------------------------------------------------------------------------------------------------------------------

* mobile 手機版

* ------------------------------------------------------------------------------------------------------------------

*/

@media only screen and (max-width: 750px) {



/*------------------------ 

  【手機版】主選單

-------------------------*/

#mobile_nav .nav {

	border-color: #ECAA00;

}



/*------------------------ 

  【手機版】主選單展開的上方

-------------------------*/

#mobile_nav_social {

	background-color: #000;

}



/*------------------------ 

  【手機版】關閉選單按鈕

-------------------------*/

#mask_bg #btn_close {

	background-color: #ECAA00;

}



/*------------------------ 

  【手機版】底部次選單

-------------------------*/

#mobile_subnav {

	background-color: #000;

}

#mobile_subnav a {

	color: #ECAA00;

}



/*------------------------ 

  【手機版】底部聯絡資訊的底線

-------------------------*/

#footer_contact li {

	border-color: #CCC;

}



/*------------------------ 

  【手機版】底部版權宣告

-------------------------*/

#copyright {

	color: #999;

}



}