@charset "utf-8";
/* CSS Document */

.hide {
  display: none;
}

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}



.txt_product{ /*商品詳細介紹大區塊*/
    width: 100%;
    padding:3% 10px 3% 10px;
}

.txt_GY{ /*商品詳細介紹 小區塊*/
    background-color: #eee;
    width: 100%;
    padding:20px 10px 20px 15px;
	font-size: 14px;
	color: #666666;
	line-height: 2em;
	display:block;
}
.txt_BK{ /*商品詳細介紹 小區塊*/
    background-color: #000;
    width: 100%;
    padding:5px 5px 5px 10px;
	font-size: 24px;
	color: #fff;
	line-height: 2em;
	font-weight: 900;
	display:block;
}

.B_PIC {
	display:block;
	padding:5px 0 5px 0;
}
.S_PIC { 
    display:block;
	max-width:200px !important;

}
.M_PIC { 
	max-width:400px !important;

}


/*---- 購物車 商品列 & 數字總計 ----*/

tip {
 padding-left: 46px;
}

tip_GP {
 padding-left: 64px;
}
tip_club {
 margin-left: 182px;
 max-width:50px;
 word-wrap:break-word;
}

tip_sub {
 margin-left: 130px;
 max-width:50px;
 word-wrap:break-word;
}
rd{
 color:#cc0066;
}
bu{
 color:#0066cc;
}

.promo_note{
padding-left:130px;
line-height:20px;
}

 /* -------- 購 物 車 備 註 碎 碎 念------ */	
.hum_a{
    font-size:14px;
	font-weight:500;
    text-align:left;
    letter-spacing: 0.3px;
    color:#dc8f03;
    display:block;
	line-height: 1.5;
	margin-bottom:12px;
 }
 .hum_b{
    font-size:12px;
    text-align:left;
    letter-spacing: 0.3px;
    color:#dc8f03;
    display:block;
	line-height: 1.7;
 }
 
.underline{
    border-bottom:solid 1px;
}


/* 購物車 發票資訊區 S */      

	/* 購物車 發票資訊區 S */   
 /* -------- 各 種 優 惠 抵 用 區 ------ */	

table,th,td{ 
   border-collapse:collapse;
   margin:7px -5px ;
   border: 1px solid white;
   font-size: 15px;
}
th /*表格上標*/
{
   height:auto;
   width:95%;
   padding:8px 20px 6px 6px;
   color:#222;
   text-align:right;
}
tr { /*ㄚ災*/
   height:auto;
}

td /*表格內容*/
{
   height:auto;
   padding:8px 8px;
   background-color: #f0f0f0;
   color:#333;
   text-align:center;
}


th /*表格內文區*/
{
   height:auto;
   min-width:90px;
   width:98%;
   padding:6px 12px 6px 6px;
   color:#222;
   text-align:right;
   border-bottom-color:#FFFFFF;
   border-width: 5px;
}
input {
    width: 70px;
	text-align:center;
}
S{
text-decoration:line-through;
}

 /* --------色 票 區------ */	
BU_BG   {background-color:#94c1c7;} /*藍*/
GN_BG   {background-color:#a9c795;} /*綠*/
L_BU_BG {background-color:#77c8e5;} /*淺灰藍*/
PK_BG   {background-color:#e475d1;} /*粉紫*/
L_PK_BG {background-color:#d7c7d2;} /*淺灰粉*/
LL_BU_BG{background-color:#63f7eb;} /*亮藍*/

NOTE{ color:#990033;}

 /* -------- 加 購 區------*/
 

.add_bar_head{
   padding:8px 6px 8px 24px;
   float:inherit;
   background-color:#dfdfdf;
   font-size:20px;
   font-weight:400;
   text-align:left;
   margin: 0 -20px 10px -20px;
}
.add_bar{
   max-width:54%;
   height:150px;
   padding:10px;
   text-align:left;  
   background-color:#dfdfdf;
   line-height: 20px;
   font-size: 14px;
   display:inline-block;
   vertical-align:top;
   margin-bottom:5px;
}
.add_bar_img{
   max-width:146px;
   padding:0px;
   text-align:left;
   display:inline-block;
   margin:0 5px 0 10px;
}
.add_sp{
   font-size: 18px;
   font-weight:400;
   color:#ff0000;
   padding:10px 0;
}
add_product{
}
.add_button {
  background-color:#ffa800;
  padding:5px 14px;
  color: #222;
  font-size: 16px;
  max-width:150px;
  letter-spacing:3px;
  border: 0;
}

.wish_button {
  background-color:#ffa800;
  padding:5px 14px;
  color: #222;
  font-size: 16px;
  max-width:150px;
  letter-spacing:3px;
  border: 0;
}
 /* -------- 購 物 車 列 表------ */	

.product-image {
  float: left;
  width: 140px;
}
.product-details {
  float: left;
}
.product-quantity {

}
.product-removal { /* 刪除 & 加入最愛的 ICON */
  float: left;
  color:#04a1fb;
}

.product-removal-acc { /* 刪除 & 加入最愛的 ICON */
  padding-left:-50px;
  color:#04a1fb;
}
.product-line-price {/*單位小計*/
  display:inline-table;
}

/* This is used as the traditional .clearfix class */

.group:after, .shopping-cart:after, .column-labels:after, .product:after, .totals-item:after {
  clear: both;
}

.group, .shopping-cart, .column-labels, .product, .totals-item {
  zoom: 1;
}

label {
  color: #222;
}

/* Column headers */
.column-labels label {
  padding-bottom: 15px;
  margin-bottom: 15px;

}
.column-labels .product-image, .column-labels .product-details, .column-labels .product-removal {
  text-indent: -9999px;
}

/* Product entries */
.product {
  margin-bottom: 10px;
  padding: -10px 10px;
  font-size: 14px;
  line-height: 1.8em;
}

.product .product-image {
  text-align: center;
}
.product .product-image img {
  width: 100px;
}
.product .product-details .product-title .product-brand {
  margin-right: 10px;
}
.product-SRP{
text-decoration:line-through;
display:inline;
}
.product-price{
color:#FF0000;
font-size:26px;
font-weight:700;
}

.product .product-details  {
  padding-bottom:5px;
  border-bottom: 3px #eee;
  border-style:solid 1px #eee;
}

.product .product-subtotal  {
  padding-bottom:10px;
}

.product-spec {
 padding-left: 130px;
}

.product .product-quantity input {
  width: 36px;
}

.remove-product {
  padding: 0px 0px;
  border:none;
  background-color:#FFFFFF;
  margin-left:24px;
  font-size:18px;
  
}

.remove-product_GP {
  padding: 0px 0px;
  border:none;
  color:#222;
  background-color:#FFFFFF;
  margin: 10px 0 0 48px ;
  font-size:20px;
  
}
.remove-product_GP:hover {
  color:#fb5e20;
}
.remove-product:hover {
  color:#222;
}

/* Totals section */
.totals .totals-item {
  float: right;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}
.totals .totals-item label {
  float: left;
  clear: both;
  width: 79%;
  text-align: right;
}
.totals .totals-item .totals-value {

}
.totals .totals-item-total {

}



.checkout {
  float: center;
  border: 0;
  margin: 10px 3px;
  background-color: #cacaca;
  padding:12px ;
  color: #222;
  font-size: 16px;
  border-radius: 6px;
  width:40%;

}

.checkout:hover {
  background-color: #b7b6b6;
}


.pay_gray{ /* 灰色塊區*/
	text-align:left;
	color:#000;
	padding-left:10px;
	/*
	padding:3% 5% 3% 38%;
	*/
	line-height: 2;
  }

/* Make adjustments for tablet */
  .shopping-cart {
    margin: 0;
    padding: 20px ;

  }

  .column-labels {
    display: none;
  }

  .product-image {
    float: left;
    width: auto;
	padding: 0px 20px 5px 0;
  }
  .product-image img {
    margin: 0 0 10px 10px;
  }

  .product-details {
    float: none;
    margin-bottom: 5px;
    width: auto;
	min-height:130px;
  }
  
  .product-subtotal{
    float: none;
    margin-bottom: 10px;
    width: auto;
  }

  .product-price {/*會員價 總之是最後價格 包含促銷ㄟ優惠價格*/
	display:inline-table;
	padding-right:20px;
  }

  .product-quantity {
	display:inline-table;
	padding-right:50px;
    input 
	{
	  text-align: center;
    }
  }




/*---- 跳出 lightbox  ----*/
 .close:focus,.close:hover{
 color:#000;
 text-decoration:none;
 cursor:pointer;
 filter:alpha(opacity=50);opacity:.5
 }
 
 button.close{
 -webkit-appearance:none;
 padding:20px;
 cursor:pointer;
 background:0 0;
 border:0
 }
 
.modal-open{overflow:hidden}
.modal{
 position:fixed;
 top:140px;
 right:0;
 bottom:0;
 left:0;
 z-index:1050;
 display:none;
 overflow:hidden;
 -webkit-overflow-scrolling:touch;
 
 outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out;transition:transform .3s ease-in-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}

.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}

.modal-dialog{position:relative;width:auto;margin:10px}
 
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}

.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{padding:10px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{
 position:relative;
 padding:30px 20px 20px 0;
 letter-spacing: 3px;
 font-size:22px;
 text-align:center;
 color: #000;
 }



/* --------購物車表單區 /  會員註冊表單曲---S----- */	
/* 必填*/
.input-tip{
    padding-left:6px;
	color:#518bb9;
	font-size:12px;
	letter-spacing: 1px;
	display:inline;
}



/* 圓圓 check box S */
.container {
    position: relative;
	color:#888;
    cursor: pointer;
    font-size: 14px;
	padding-left:30px;
	padding-bottom:10px;
}


/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #aaa;
    border-radius: 50%;

}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
	height: 25px;
    width: 25px;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
	height: 25px;
    width: 25px;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    height: 25px;
    width: 25px;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;

}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
/* 圓圓 check box E */

/* 藍藍 核選方塊 S */
.checkmark2 {
	position: absolute;
	top: 0;
	left: -3px;
	height: 25px;
	width: 25px;
	background-color: #aaa;
	margin-left:3px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark2 {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark2 {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark2:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark2:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark2:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* 藍藍 核選方塊 E */

/* 購物車 發票區  S */  
.invoice_list {
  font-size:15px;
  color:#000;
  padding-bottom:5px;
}
.invoice_info {
  line-height:20px;
  font-size:13px;
  color:#000;
  margin-bottom:-20px;

}
/* 購物車 發票區  E */  



/* 註冊 */
.form-style-2-heading{
    border-bottom: 2px solid #ddd;
}
.form-style-2 label{ 
    display: block;
    margin: 0px 0px 10px 0px;
	text-align: left;
}

.form-style-2 label > span{
    width: 100%;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}

.form-style-2 .tel-number-field{
    width: 100%;
 
}	
.tel-number-field2{

	width: 100%;

}

.select-field{
    width: 30%;
	}
	
.select-field2{
    width: 100%;
	height:26px;
}

.input-field2{
	height:26px;
	margin-left:4px;

}
.form-style-2 input.input-field, 
.form-style-2 .textarea-field, 
.form-style-2 .select-field{ /*TEXT 填入視窗ㄟ設定*/
    text-align: center;
    box-sizing: border-box;
	font-size:14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	width: 100%;
	height:34px;
	
	

}
	
.form-style-2 input.input-field1, 
.form-style-2 .textarea-field, 
.form-style-2 .select-field1{ /*TEXT 填入視窗ㄟ設定*/
    text-align: left;
	padding-left:6px;
	margin-bottom:5px;
    box-sizing: border-box;
	font-size:14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	width: 87%;
	height:34px;
}

.form-style-2 input.input-field3, 
.form-style-2 .textarea-field, 
.form-style-2 .select-field3{
    text-align: center;
	padding-left:6px;
    box-sizing: border-box;
	color:#666;
	font-size:14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	width: 21%;
	height:29px;
}
.form-style-2 input.input-field_half, 
.form-style-2 .select-field_half{
    text-align: left;
	padding-left:6px;
	margin-bottom:5px;
    box-sizing: border-box;
	font-size:14px;
	color:#666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	width: 42.8%;
	height:29px;
}
.form-style-2 .input-field:focus, 
.form-style-2 .input-field3:focus, 
.form-style-2 .tel-number-field:focus, 
.form-style-2 .tel-number-field2:focus, 
.form-style-2 .textarea-field:focus,  
.form-style-2 .select-field:focus,
.form-style-2 .select-field3:focus
.form-style-2 .select-field_half:focus{
    border: 1px solid #04a1fb;
}

.form-style-2 .textarea-field{
    height:100px;
    width: 100%;
}
.form-style-2 input[type=submit],
.form-style-2 input[type=button]
{
    border: none;
    padding: 8px 15px 8px 15px;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
    background: #EA7B00;
    color: #fff;
}


/* 線上求助 */

.required{
    color:red;
	display:inline;
}

.form-style-3-heading{
    border-bottom: 2px solid #ddd;
}
.form-style-3 label{ 
    display: block;
	text-align: left;
}

.form-style-3 label > span{
    width: 100%;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}

.form-style-3 .tel-number-field{
    width: 100%;
}	
.tel-number-field3{
	width: 100%;
}
.select-field{
    width: 30%;
	}
.select-field3{
    width: 100%;
	height:26px;
}
.input-field3{
	height:26px;
}
.form-style-3 input.input-field, 
.form-style-3 .textarea-field, 
.form-style-3 .select-field{ /*TEXT 填入視窗ㄟ設定*/
    text-align: center;
    box-sizing: border-box;
	font-size:14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	width: 100%;
}
	
.form-style-3 input.input-field1, 
.form-style-3 .select-field1{ /*TEXT 填入視窗ㄟ設定*/
    text-align: left;
	padding-left:6px;
	margin-bottom:5px;
    box-sizing: border-box;
	font-size:14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	width: 87%;
}

.form-style-3 input.input-field3, 
.form-style-3 .select-field3{
    text-align: left;
	padding-left:6px;
	margin-bottom:5px;
    box-sizing: border-box;
	color:#666;
	font-size:14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	width: 28.6%;
	height:29px;
}
.form-style-3 input.input-field_half, 
.form-style-3 .select-field_half{
    text-align: left;
	padding-left:6px;
	margin-bottom:5px;
    box-sizing: border-box;
	font-size:14px;
	color:#666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	width: 42.8%;
	height:29px;
}
.form-style-3 .input-field:focus, 
.form-style-3 .input-field3:focus, 
.form-style-3 .tel-number-field:focus, 
.form-style-3 .tel-number-field2:focus, 
.form-style-3 .textarea-field:focus,  
.form-style-3 .select-field:focus,
.form-style-3 .select-field3:focus
.form-style-3 .select-field_half:focus{
    border: 1px solid #04a1fb;
}

.form-style-3 .textarea-field{
    height:100px;
    width: 100%;
}
.form-style-3 input[type=submit],
.form-style-3 input[type=button]
{
    border: none;
    padding: 8px 15px 8px 15px;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.form-style-3 input[type=submit]:hover,
.form-style-3 input[type=button]:hover{
    background: #EA7B00;
    color: #fff;
}


.cart_gray{ /* 灰色塊區*/
    background-color: #f4f4f4;
	width:100%
	color:#606060;
	padding:20px 15px;
	/*
	padding:1% 3% 1% 7%;
	*/
	text-align:left;
	line-height: 2;
  }


	/* --------購 物 車 表 單 區---E----- */	
	
	
/* 舊 城 區 */
.Small_print_12PT_1 {	
    font-size: 12px;
	color: #666666;
	line-height: 2em;
	display:block;
	padding:0 0 0 10px;
}
.TM_01 {
	color: #FFFFFF;
	font-size: large;
	
}
.kk {color: #FFFFFF}