/*****************************************************************************************************************************/
/*圖片自動填入樣式，.narrow = 當填入的圖片比例較容器窄 ，.wide = 填入的圖片比例較容器寬\*/
/*****************************************************************************************************************************/

.narrow { background-position: center; background-size: 100%  auto ; background-repeat: no-repeat;}

.wide{ background-position: center; background-size:  auto 100% ; background-repeat: no-repeat; }

/*圖片自動填入樣式結束*/

/*****************************************************************************************************************************/


/*****************************************************************************************************************************/
/* 會員系統預設樣式 */
/*****************************************************************************************************************************/

.login_model{display: inline-block; padding: 4px} /*登入模塊*/
.before_login{} /*登入前區域*/
.after_login{ display: none} /*登入後區域*/


/*****************************************************************************************************************************/
/* 購物模組預設樣式 */
/*****************************************************************************************************************************/

.gs_buy_model{} /*大模塊*/
.spec1_name{ } /*規格1名稱*/
.spec2_name{ display: none} /*規格2名稱*/
.spec1_title{} /*規格1項目名稱*/
.spec2_title{} /*規格2項目名稱*/

/*規格1選單，必須是個UL*/
.spec1_area{ display: block;width: 100%; height:107px;} 
.spec1_menu{ list-style:none; font-size: 15px; text-align: left; padding: 5px; padding-bottom: 0; margin-bottom: 0;}

.spec1_menu li { text-align: center;  cursor: pointer; display: inline-block; border: 1px solid #DDD; margin: 5px 3px 0 5px; min-width: 32px}

.spec1_menu a{  background-position: center; background-size: 200%; margin-right:5px; float:left;  padding:5px; width:100%; height:100%;  } /*規格本體設置*/
.spec1_menu a:hover{ background-color: #fc6701; color:#FFF;} 
.spec1_menu font{ } /*規格內文設置*/

/*規格2選單，必須是個UL*/
.spec2_area{float: left; margin-bottom: 10px; display: block;width: 100%} 
.spec2_menu{list-style:none} 
.spec2_menu a{ margin-right:5px; float:left; border:1px solid #CCC; padding:5px; min-width:32px; min-height: 32px; text-align: center}  /*規格本體設置*/
.spec2_menu a:hover{ background-color: #FF0000; color:#FFF;} 
.spec2_menu font{ } /*規格內文設置*/


.spec_selected {background-color: #FF0000; color:#FFF;} /*當規格被選中*/
.buy_set{  display: none; } /*購買區(數量、購買按鈕)*/
.amount_set{ width: 150px; } /*購買數量 +/-*/
.amount_set input { height:35px; padding-left: 5px; font-size: 16px }
.amount_set span{ cursor: pointer; text-align:center; float:left; width:30px; height:35px; margin:0px 3px; border:1px solid #DDD; padding:4px; font-size: 20px; line-height: 24px;}
.amount_set span:hover{ background-color:#fc6701 ;color:#FFF;}

.buy_button{float: left;   padding-left: 10px; padding-bottom: 30px;  cursor: pointer; } /*購買按鈕*/
 input[type="text"].buy_amount{ width:60px;  float:left;} /*購買數量*/
.buyprice{ } /*售價顯示*/
.stock_label{font-size: 14px;  display: none;} /*庫存區*/
.stock{  } /*庫存數*/
.soldout{ display:none;} /*已售完區塊 - 請預設 Display:none */
.instock{font-size: 14px; display: none;} /*尚有庫存 - 請預設 Display:none*/
.hidden_fields{display:none} /*隱藏東西用的*/
.hide{display: none;} 

#coupon_box{ }  /*折價卷方塊*/
.cp_unit{ cursor:pointer; padding: 10px; margin:5px;} /*單一張折價券*/
.cp_unit:hover{ background-color: #CDECFF}
.cp_head{display: block; width:100%;  height:35px;} /*折價卷表頭*/
.cp_left{ float: left; font-size: 18px} /*折價卷表頭左*/
.cp_right{ float:right; font-size: 18px} /*折價卷表頭又（預設放的折價金額）*/
.cp_msg{display: block; width:100%;font-size: 15px;} /*折價內容*/
.cp_price{} /*折價金額*/
.cp_title{} /*折價券標題*/

/*****************************************************************************************************************************/
/* End Of 購物模組樣式設定 */
/*****************************************************************************************************************************/