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

/*產品購買*/
.item-table{display: table;width:100%;}
.item-table .tr{display:table-row;}
.item-table .td{display:table-cell;padding: 10px; margin: 0px;}
.item-table .td.ntitle{width:50px; font-size:14px;}
.item-table .td.nprice{color:#C11E32; font-weight: 800; font-size:20px;}
.item-table .td.nprice span{display:inline-block; margin-right: 7px;}

.sys_spec_text{}
.sys_spec_text ul{margin: 0px; padding: 0px;}
.sys_spec_text li{ list-style:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
transition:border 0.5s , background-color 0.5s;
-webkit-transition:border 0.5s , background-color 0.5s;
-moz-transition:border 0.5s , background-color 0.5s;
-o-transition:border 0.5s , background-color 0.5s;
-ms-transition:border 0.5s , background-color 0.5s;
background:url("../images/selected.svg") bottom right -12px no-repeat;
background-size: auto 10px;
}
.sys_spec_text li{display:inline-block; height:34px; position:relative; margin-right:10px; border:2px solid #F5C7C8; padding:0px 12px 0px 12px; line-height: 30px; margin-bottom: 5px;font-size:16px;font-weight: 600;
}
.sys_spec_text li:hover{background:#F7EAEA;cursor: pointer;}

.sys_spec_text li.selected { margin-right:10px; border:2px solid #DF5457; color:#b20000; border-radius: 2px; background:#FCEEEE url("../images/selected.svg") bottom right 0px no-repeat;background-size: auto 10px;}
.sys_spec_text .color{position:absolute; width:18px; height:18px; top:5px; left:4px; border:#F5C7C8 solid 1px;}

.sys_spec_text li a, .sys_spec_text li a:hover{
	text-decoration:none;
	transition: none;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
}

.sys_spec_text li:hover.disabled{background-color:transparent;}
.sys_spec_text li.disabled {
    /*pointer-events:none;*/
    border-color:#CCC;color:#CCC;
	cursor: not-allowed;
}
.sys_spec_text li.disabled.selected { background:#FFF url("../images/disabled.svg") bottom right 0px no-repeat;background-size: auto 10px;}

/*.sys_spec_text li.button {
    height:30px; width:auto; border:2px solid #ccc; background:#fff; display:inline-block; line-height:25px; color:#666; padding: 0 10px;
}

.sys_spec_text li[disabled].button {
    cursor: not-allowed;
    opacity: 0.4;
    pointer-events: none;
    -webkit-touch-callout: none;
}

.sys_spec_text li.button:active:not([disabled]) {
    background-color: transparent !important;
    color: #2a2a2a !important;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .5);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .5);
}*/

/*訂購數量*/
.orderamount button{width:40px; height:40px; border:#D9D9D9 solid 1px; float:left; cursor:pointer;}

.orderamount button.bdes{}
.orderamount button.binc{}

.orderamount input{float:left; width:70px; height:40px; line-height: 40px; padding:0px 5px; font-size:15px;background:#FFF; text-align:center;border:1px solid #d9d9d9; border-left-color: #FFF; border-right-color: #FFF;}
.orderamount input.disabled{background:#F0F0F0}
.orderamount input:focus{border:1px solid #d9d9d9;border-left-color: #FFF; border-right-color: #FFF;outline: none;}

.orderamount button.dis_bdes, .orderamount button.dis_binc {cursor:default;}
.orderamount button.dis_bdes i, .orderamount button.dis_binc i {cursor:default; color:#CCC;}
.orderamount button.bdes,.orderamount button.binc,.orderamount button.dis_bdes,.orderamount button.dis_binc{background-color:#F7F7F7}
.orderamount .remain{float:left; height:40px; line-height: 40px; font-size:14px; padding-left: 15px; color:#999;}
.orderamount .remain .rnum{display: inline-block; padding: 0px 3px;}



select:focus {
   outline: none!important;
   outline-color: transparent;
   box-shadow:none !important;
   border-color:#6A8C01 !important;
}

/*下單按鈕*/
.buybutton{ padding:0px 10px 0px 10px; font-size:16px; background:#F6EDED; color:#333; border:2px solid #B4303D;
	display:inline-block;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	height:40px;
	width:180px;
	line-height:32px;
	}
.buybutton:hover{ padding:0px 10px 0px 10px; background:#B4303D; color:#FFF; cursor:pointer;}
.buybutton.bgbtn{background:#B4303D; border-color: #B4303D; color:#FFF;}
.buybutton.bgbtn:hover{background:#CA3544; border-color: #CA3544; border-radius: 5px; letter-spacing: 1px;}

/*emembox*/
#ememlogin, #paddbox, #praddbox{
	text-align:center; margin: 20px auto;
	outline: none;
	font: 13px;
	width:480px;
	background:#FFF;
	border:none;
	padding:20px;
	color:#CC3D3D;
	border-radius:10px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.6),4px 4px 6px rgba(0,0,0,0.4),6px 6px 12px rgba(0,0,0,0.4);
	z-index:999;
	line-height:20px;
}
#ememlogin i, #paddbox i, #praddbox i{ font-size:50px; color:#F5C7C8;}
#ememlogin p, #paddbox p, #praddbox p{ color:#474747; font-size:16px; margin-top:10px;}
#ememlogin a, #paddbox a, #praddbox a{ color:#9F1E23}
#ememlogin a:hover, #paddbox a:hover, #praddbox a:hover{ color:#C00; font-weight:600; text-decoration: none;}
#praddbox .countsec, #paddbox .countsec{ padding-top:5px;}
.abutton{ padding:0px 15px 0px 15px; font-size:15px; color:#FFF; border:none;
	display:inline-block;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	height:30px;
	line-height:30px;
}
.abutton:hover{ padding:0px 15px 0px 15px; color:#FFF; cursor:pointer;}
.cc1{background:#B4303D;}
.cc1:hover{background:#CF4E5A;}
.cc2{background:#424251;}
.cc2:hover{background:#646473;}

/*product detail*/
.buybox{font-size:16px;}
.outstock{font-size:16px;}
.contentwd {color:#B4303D;font-size:16px;}
.contentwd:hover{color:#B20000; text-decoration: none;cursor: pointer}

.product-single{padding-top: 20px; position: relative;}
.product-single h1{ font-size:24px; line-height:32px; font-weight:600; border-bottom:#E1E1E1 solid 1px; padding-bottom:15px; padding-right: 50px;}
.product-single h2{ font-size:14px; line-height:20px; font-weight:600; padding-bottom:5px; color:#182F51}
.product-single h2 span{display: inline-block; padding-right: 10px;}
.product-single .cont_memo{ padding:15px 0px 15px 0px; line-height:24px; font-size:14px; text-align: justify;text-justify:inter-ideograph;border-bottom:#E1E1E1 solid 1px;margin-bottom: 30px;}
.product-single .cont_memo ul{ list-style-type: disc; margin-left:22px;}

.product-single.pddetil{padding-top: 0px;}

.product-single.pddetil h1{padding: 15px 50px 15px 0px;}

.product-single.pddetil .add_favorite{ font-size:40px; position: absolute; 
  right:0px; top: 50%;
  transform: translateY(-50%);
  z-index: 10; padding: 3px; color:rgba(126,134,134);
text-shadow: 1px 1px 2px rgba(0,0,0,0);-webkit-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.product-single.pddetil .add_favorite:hover{ right:0px; top: 50%; transform: scale(1.1) translateY(-50%); cursor: pointer; color:#507EED;text-shadow: 1px 1px 2px rgba(0,0,0,0.5);color:rgba(67,147,255)}

.product-single.pddetil .add_favorite.checked{color:rgba(67,147,255)}
.product-single.pddetil .add_favorite:hover.checked{color:rgba(0,95,223)}



.pricebox{position: relative; padding: 0px;}
.pricebox+.pricebox{margin-left:20px;}
.pricebox span:first-child{color:#999; font-size:14px;}

.snprice{color:#AF2410; font-size:30px; font-weight:600;font-family:Georgia, Times, "Times New Roman", serif;font-style:italic;}

.delprice{ font-size:15px; font-family:arial;font-style:normal; color:#666; padding: 0px 5px;position: relative; text-align: center; }
.delline{background:url(../images/price-del-line.png) top left repeat-x; height:2px; display:inline-block; top:9px; left:0px; position: absolute;width:100%;}

.ndelprice{ font-size:14px; font-family:'微軟正黑體';font-style:normal !important; color:#999 !important; padding: 0px 5px;position: relative; text-align: center; }