/* CSS Document */

*{
	margin: 0;
	padding: 0;


}


html{ 
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
	font-size:14px;
}

body{
		background-color:#FFF;
}
input{padding-left:8px;}

.STORE_INFO{margin:0 auto; padding:10px 0;font-size:13px; color:#888;padding-left:0%;}
h1{font-size:20px;text-align:left;}
h2.SHOP_TITLE { font-size:20px;margin-bottom:20px;padding-bottom:20px;padding:10px;border-bottom:2px solid #999;background:#C8C8C8;color:#FFF;}

.IDEC_SHOPBAG {
    border-bottom: 1px solid #EDEDED; padding-bottom:20px;font-size:13px; margin:10px 0 10px;
}
.IDEC_SHOPBAG img{
	width:100%;

}


.PRD_NAME{font-size:15px;line-height:1.6;color:#222;}
.PRD_KEEP, .PRD_DEL{width:24px !important; margin-right:5px;padding-top:40px;}

.COUPON_TITLE{ color:red; -webkit-appearance:none;}
.COUPON_BTN{-webkit-appearance:none;line-height:2em;}
.COUPON_NOTE{position:relative;padding:18px;border:0px dotted #CCC; margin-top:17px;font-size:13px; line-height:1.6; color:#ff9600; }
.COUPON_ICON img{position:absolute; width:15px;left: -1px;top: 20px;}
.COUPON_INFO{line-height:2.0;}

.TOTAL{float:right;margin:30px;line-height:1.8;text-align:left;}

.SUB{color:#F00;}
.SHIP{color:#F00;}
.TP{color:#F00;font-weight: bold;font-size:18px;}
.NOTE_ORDER{font-size:12px; float:right;line-height:20px;color:#222;}
input.CHECK_BOX {
    width: 13px;
    height: 13px;
    border: 1px solid #CCC;
}
input.CHECK_BOX:checked {
    background:#333;
}

a.btn.btn-bg.btn-success.MEM_BTN {
    width: 200px; padding: 15px; margin-bottom: 15px;
}
.MEM_BTN{font-size:1.2em;}

.STORE_INFO2{padding-left:15px;line-height:1.6;}
h1.MYCART_TITLE {
    margin-top: 150px;
    text-align: center;
    color: #CCC;
}

/*滿額贈*/
.FreeProd{text-align:center; font-size:12px; color:#555; margin:10px 0 10px; padding:10px; border:1px dashed #CCC ;clear:both;}

/*=======================付款方式=============================*/

.SHIP_NOTE{text-align:center; font-size:12px; color:#555; margin:10px 0 10px; padding:10px; border:1px dashed #CCC ;clear:both;}
/*-----------CHECKED_STYLE------*/
.note{
	display:none;
	padding-left: 1em;
	color:#999;
	font-size: 13px;
}label span{
	vertical-align: middle;
}
.checkbox{
	position: absolute;
	opacity:0;
}
.checkbox:checked ~ .txt{
	color:#AD4947;
	transition:.5s;
}
.checkbox:checked ~ .note{
	display:inline-block;
}
.switch{
	position: relative;
	display:inline-block;
	background-color:#FEFEFE;
	height: 25px;
	width: 50px;
	border-radius:26px;
	border:1px solid #E5E5E5;
	margin-right: 1em;
	box-shadow:0 2px 5px #888 inset;
	transition:.5s;
}
.CB{
	width: 25px;
	height: 25px;
	border-radius:50%;
	background-color:#FEFEFE;
	border:1px solid #E5E5E5;
	position: absolute;
	top: -1px;
	left: -1px;
	box-shadow:0 3px 10px #aaa;
	transition:.5s;
}
.checkbox:checked ~ .switch{
	background-color:#448aca;
}
.checkbox:checked ~ .switch .CB{
	left: 30px;
	box-shadow:0 2px 8px #448aca;
}

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

.PAY_INFO1{padding:2%;border:1px solid #EDEDED;font-size:15px;line-height:1.6;}
.PAY_INFO1{margin-bottom:1.5%;}



/*=======================表單填寫=============================*/
.ORDER_TITLE{ width:100%; background:#EFEFEF;padding:5px;margin-bottom:5%; }
.ORDER_TITLE1{width:100%; background:#EFEFEF;padding:5px;margin-bottom:0%;}
.ORDER_TITLE2{width:100%; background:#EFEFEF;padding:5px;margin-bottom:1.6%;}
.WORD01{width:100%;margin:10px 0 10px;height:30px;border: 1px solid #CCC;}
.WORD02{width:50%;margin:10px 0 10px;height:30px;border: 1px solid #CCC;}
.WORD03{width:20%;margin:10px 10px 10px 0;height:30px;border: 1px solid #CCC;}
.WORD04{width:77.9%;margin:10px 0 10px;height:30px;border: 1px solid #CCC;}
.WORD05{width:110%;margin:10px 10px 10px 0;height:30px;border: 1px solid #CCC;}
select{width:65% !important;height:30px;}
.TXT_AREA{width:100%; height:140px;}
.TXT_AREA2{width:100%; height:100px;}
.GOBTN{text-align:center;margin:0 auto;}

.CHECK_BOX{margin:0 -15px; /*margin-top:-6px;*/}
/*-----------------------平版-------------------------------------------*/

@media screen and (min-width: 768px) {
.IDEC_SHOPBAG li{float:left; min-height:120px;}
.PRD_PIC{width:100px; height:10px; overflow:hidden; margin-right:5px;}
.PRD_NAME{width:45%;margin-right:10px;}
.PRD_ATT{width:30%;margin-right:10px;}
.PRD_QT{width:30%;margin-right:10px;line-height:100px;}
.PRD_PRICE{width:20%;margin-right:10px;line-height:100px;}
.PRD_SUB{width:20%;margin-right:20px;line-height:100px;}
.PRD_BTN{width:10%;margin-right:0px;line-height:110px;margin-left:10%;}

.PRD_PIC img{width:100%;}
.INV_ADD{padding-top:1.0%;}
.PRD_KEEP, .PRD_DEL{width:24px !important; margin-right:5px;padding-top:0px;}
.WORD03{width:20%;margin:10px 10px 10px 0;height:30px;}
.WORD04{width:77.8%;margin:10px 0 10px;height:30px;}
.WORD05{width:104.5%;margin:10px 10px 10px 0;height:30px;}

.BORN_Y, .BORN_M, .BORN_D{line-height:40px;margin-right:-30px;}

}
.PASS_INFO {
    font-size: 14px;
    height: 146px;
}




/*=============================會員登入=====================================*/


.LOGIN01{
	padding:0px;
	min-height:300px;
}
.LOGIN_BOX {
    margin: 5%;
    background:#EEE;
    border: 1px solid #CCC;
    overflow: hidden;
    min-height: 425px;
}

.LOGIN_BOX input {
    width: 100%;
}

.form-group{
	padding:15px;line-height:2.0;clear:both;margin-bottom:0px;text-align: left;-
}
h2.MEM_TITLE{
	padding:20px;
	border-bottom:2px solid #9cc6ec;
	background:#FFF;
	height:80px;
	font-size:1.3em;
	line-height:40px;
	text-align:left;
}
h2.MEM_TITLE2{
	padding:20px;
	border-bottom:2px solid #5cb85c;
	background:#FFF;
	height:80px;
	font-size:1.3em;
	line-height:40px;
	text-align:left;
}
.MEM_ICON{float:right;}
.PASS_INFO{font-size:14px;height:110px;}
.EN_TXT{font-size:0.9em; color:#EEE}
.CODES{padding:10px; color:#222;width:150px;text-align:right;position:relative;line-height:4;}
#imgCaptcha{position:absolute;right: -80px; top: 4px;}
.GOBTN input{width:170px;height:55px;margin:5px;}
.FG_PW{font-size:.9em;}
.glyphicon-exclamation-sign{font-size:12px;color:#F00;}

input#login_id , input#login_pwd{
    width: 95%;
}
.GOGO{text-align:center; padding:20px;}
.GOGO input{width:180px;padding:10px;}

.COMPLETE_BOX {
	
	margin:0 auto;
    /*margin: 5%;*/
    background:#EEE;
    border: 1px solid #CCC;
    overflow: hidden;
    min-height: 366px;
}
.COMPLETE_BOX2 {
	
	margin:0 auto;
    border: 1px solid #CCC;
    min-height: 250px;
    padding-bottom:30px;
    overflow: hidden;
    margin-bottom:50px;
}
.COMPLETE_BOX3 {
	
	margin:0 auto;
    /*margin: 5%;*/
    background:#EEE;
    border: 1px solid #CCC;
    overflow: hidden;
    min-height: 200px;
}

#fbDiv a{
  display: inline-block;
  margin: 30px 10px 0;
}
#fbDiv a img{
  max-width: 130px;
  width: 100%;
}
@media (max-width:500px){
  #fbDiv a{
    display: block;
  }
}

/*=============================會員中心=====================================*/

.SYS_INFO{
	font-size:12px; color:#ff3600;margin-left:2%;text-align: left;
}
input[type="radio" i]{
	width:13px;
	height:13px;
	border-radius:50%;
} 
input[type="radio" i]:checked{
	background:#333;
}
.MEM_NAV{padding:0;text-align:center;margin:50px 0 15px;text-align: center;}
.CHANNEL{padding:6px;border:1px solid #CCC; text-align:center;margin:2px;width:120px;line-height:3;border-radius:4px;white-space:nowrap;}
.CHANNEL:hover{text-decoration:none;background:#ededed;}
a.CHANNEL i {padding-right: 5px !important;}

/*=============================會員修改頁面================================*/
.BORN{margin-left:-15px;}
.BORN select{height:32px; width:70%;margin-right:10px;}
.BORN_Y, .BORN_M, .BORN_D{margin-right:-10px;}
.MEM_MODIFY .MEM_TXT{width:100%;}
.MEM_MODIFY input[type="radio"]{width:20px;height:20px;}
input.MEM_TXT:focus { border: 1px solid #0388fb;}

/*=============================訂單查詢================================*/
.LOT_NAME{line-height:40px;height:40px;background:#f5f5f5;text-align:left;}
.LOT_NAME~ul li{text-align:left;}
.LOT_TITLE{clear:both;height:40px;line-height:40px; background:#FFF;}
.LOT{clear:both;border-bottom:1px dashed #CCC;line-height:2.0;overflow:hidden;padding:10px 0 10px;text-align:left !important;}
.LOT:hover{box-shadow:0px 2px 5px #CCC;}
.PRICE{color:#F00;}
.STATUS{/*font-weight:bold;*/color:#019ce8;}
.STATUS a{/*font-weight:bold;*/color:#019ce8;}

/*=============================訂單明細================================*/
.DETIAL_TITLE{/*font-weight:900;*/padding:50px 0 30px;color:#555;border-bottom:1px dashed #CCC;text-align:left;}
.DETIAL{margin-top:2%;line-height:2.0;clear:both;border-bottom:1px dashed #CCC;overflow:hidden;padding-bottom:10px;text-align:left !important;}
.ORDER_PRD{/*font-weight:bold;*/color:#019ce8;}
.DETIAL_ITEM{display:none;}
.DETIAL_TOTAL{text-align:right;padding:2%;/*margin:20px 0 20px;*/}
.DETIAL_TOTAL ul li{height:30px;padding-right:15px;line-height:30px;}
.DETIAL_INFO ul li{line-height:2.0;}
.DETIAL_INFO h3{margin:20px 0 20px;}
.DETIAL_INFO {text-align: left;}


/*登入問候語內容*/
.member_welcome_msg {
    min-height: 200px;
    padding-top: 6%;
    font-size: 1.2em;
 }
/*-----------------------桌機設定-------------------------------------------*/

@media screen and (min-width:1024px) {
.IDEC_SHOPBAG li{float:left; min-height:120px;}
.PRD_PIC{width:8%; height:100px; overflow:hidden; margin-right:20px;}
.PRD_NAME{width:18%;margin-right:10px;}
.PRD_ATT{width:22%;margin-right:10px;}
.PRD_QT{width:18%;margin-right:10px;}
.PRD_PRICE{width:10%;margin-right:10px;}
.PRD_SUB{width:10%;margin-right:20px;}
.PRD_BTN{width:3%;margin-right:0px;margin-left:0%;text-align:right;}

.PRD_PIC img{width:100%;}
.PRD_KEEP, .PRD_DEL{margin-left:10px;text-align:right;}
.INV_ADD{padding-top:0.1%;}
.WORD05{width:50%;margin:10px 10px 10px 0;height:30px;}


/*強制讓規格欄位桌機時.下拉選單變大*/
li.PRD_ATT select {
    width: 80% !important;
}


.PASS_INFO {
    font-size: 14px;
    height: 146px;
}

.STORE_INFO{padding-left:0%;}

/*套程式後的CSS*/
.modal-content {
    width: 90%;
    margin: 0 auto;
}

} /*1024*/


/*-----------------------手機設定-------------------------------------------*/

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

input, textarea{-webkit-appearance:none;appearance:none;border-radius:0;border-color:#CCC;height:44px;border:1px solid #CCC;}
select{border-radius:0;height:44px;}

.IDEC_SHOPBAG ul li{float:left;margin:10px 0 10px;}
.PRD_PIC{float:left;width:30%;min-height:90px;}
.PRD_NAME{float:left;width:70%;min-height:90px;padding:0 10px 0 10px;}
.PRD_ATT{width:100%;margin-top:2%;}
.PRD_QT{width:100%;}
.PRD_ATT select {height:30px;width:80%;}
.PRD_QT select {height:30px;width:80%;}
.PRD_PRICE{padding-right:20px;}
.PRD_PRICE span{font-size:15px; color:#F00;}
.PRD_SUB span{font-size:15px; color:#F00;}
.PRD_BTN{
	width:100%;text-align:right;height:50px;
	position: absolute;
    right: 10px;
    bottom: 20px;
}
.TXT_AREA2{width:100%; height:90px;}

.WORD03{width:20%;margin:10px 10px 10px 0;height:30px;}
.WORD04{width:76.5%;margin:10px 0 10px;height:30px;}
.WORD05{width:50%;margin:10px 10px 10px 0;height:30px;}
.F_BTN{border:1px solid #CCC;}
.GOBTN input{width:100px;margin-right:0px;}
input.COUPON_BTN{background:#CCC;border:1px solid #BBB;padding:0 10px 0;}
/*----------MEMBER_MOBILE---------*/
.form-group{margin-bottom:-25px;}
h2.MEM_TITLE {
    font-size: 16px;
    margin-left: -12px;
    text-align: left;
   /* font-weight:bold;*/
}
h2.MEM_TITLE2 {
    font-size: 16px;
    margin-left: -12px;
    font-weight:bold;
}
input{-webkit-appearance:none;}

.MEM_BTN{width:200px !important; padding:10px;}
.PASS_INFO {
    font-size: 14px;
    height: 160px;
}

/*---------------訂單查詢/明細_手機設定----------------------*/
.LOT ul{clear:both;}
.LOT ul li{float:left;clear:both;}
.CHANNEL{padding:2px;border:1px solid #CCC; text-align:center;margin:5px;width:46%;line-height:2.5;float:left;border-radius:4px;height:37px;display:block;white-space:nowrap;}
.DETIAL_TITLE{display:none;}
.DETIAL{padding-bottom:5%;}
.DETIAL ul{clear:both;display:block;}
.DETIAL ul li{float:left;}
.DETIAL_ITEM{display:block;}

/*---------------會員修改_手機設定----------------------*/
.BORN_Y, .BORN_M, .BORN_D{line-height:40px;margin-right:-50px;}
.BORN_Y select, .BORN_M select, .BORN_D select {width: 80%;margin-bottom: 14px;height: 40px;}

/*套程式後的CSS*/
.modal-content {
    width: 105%;
    margin: 0 auto;
}
.GOBTN input {
    width: 170px;
    height: 55px;

}


input.CHECK_BOX {
    width: 13px;
    height: 13px;
    border: 1px solid #CCC;
}
input.CHECK_BOX:checked {
    background:#333;
}


input.btn.btn-bg.btn-muted {
    background: #CCC;
    width: 45% !important;
    margin-right: 1%;
    float: left;
}
input#submit_checkout {
    width: 49% !important;
    margin-left: 1%;
}

.BORN select{width:80%;float:left;}


}/*-----手機設定------*/

@media screen and (max-width: 361px) {
.WORD03{width:15%;}
.WORD04{width:81%;}


}
/*=============================套程式後調整的CSS===========================================*/

button#btn_precheck {
    width: 160px;
    font-size: 15px;
}

input#copyorder ,input#copyrec2{
    width: 13px;
    height: 13px;
}