/* toast */
#hui-toast{width:100%; position:fixed; z-index:21; left:0; top:50%; text-align:center;}
#hui-toast-msg{margin:0 auto; line-height:22px; background:rgba(0,0,0,0.7); padding:10px; color:#FFFFFF; font-size:14px; text-align:center; max-width:200px; border-radius:6px; display:inline-block;}
/* icon toast */
#hui-icon-toast{width:158px; position:fixed; z-index:99999; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(50%, 50%); -o-transform:translate(50%, 50%); background:rgba(0,0,0,0.9); border-radius:5px;}
#hui-icon-toast *{color:#FFFFFF;}
#hui-icon-toast .hui-icons{text-align:center; font-size:50px; height:40px; font-weight:700; line-height:40px; padding:28px 0px 18px 0px;}
#hui-icon-toast .hui-text-center{line-height:1.5em; padding-bottom:15px; font-size:16px; margin-top:8px;}

/* ΆΤ»°Ώς */
#hui-dialog{width:100%; position:fixed; z-index:200; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
#hui-dialog-in{width:300px; margin:0 auto; background:#FFFFFF; border-radius:1px;}
#hui-dialog-msg{padding:28px 15px; font-size:16px; text-align:center; line-height:32px; padding-bottom:22px;}
#hui-dialog-btn-line{height:48px; line-height:48px; color:#3388FF; border-top:1px solid #F4F5F6; text-align:center; font-size:16px;}
#hui-dialog-btn-line > div{width:50%; color:#FFFFFF; float:left; height:48px; line-height:48px; text-align:center; font-size:16px; background:#666666;}
#hui-dialog-btn-line > div:active{opacity:0.9;}
#hui-dialog-btn-line > div:first-child{color:#999999 !important; background:#FFFFFF;}
#hui-dialog-input-in{width:85%; padding:0px 2%; margin:0 auto; border:1px solid #D1D1D1; height:35px;}
#hui-dialog-input{width:100%; border:none; height:35px; line-height:35px;}


@keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-moz-keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-webkit-keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-o-keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
.hui-fade-in{animation:hui-a-fade-in 300ms linear forwards; -moz-animation:hui-a-fade-in 300ms linear forwards; -webkit-animation:hui-a-fade-in 300ms linear forwards; -o-animation:hui-a-fade-in 300ms linear forwards;}
@keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-moz-keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-webkit-keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-o-keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
.hui-fade-out{animation:hui-a-fade-out 300ms linear forwards; -moz-animation:hui-a-fade-out 300ms linear forwards; -webkit-animation:hui-a-fade-out 300ms linear forwards; -o-animation:hui-a-fade-out 300ms linear forwards;}




.con_main{width:96%;min-height:240px;padding:3% 2%; background:#ffffff; line-height:25px;}

.logbd {
	border-bottom:1px solid #EEEEEE;
	font-size:14px;
	height:40px;
	color:#F10582;
	text-align:center;
}
.logbd a{height:38px;display:inline-block; font-size:14px; line-height:38px; margin:0px 10%;}
.logbd a.curr{color:#A48A79;border-bottom:2px solid #A48A79; }

.logbg {
	width:100%;
	min-height:300px;
	margin:0px auto;
	font-size:12px;
}

.logbox { padding:20px 3%;}
.logform {border: 1px solid #EEEEEE;border-radius:4px; padding:15px;}
.log { height:25px; padding:10px 0px;}
.uicon {
	display:inline-block;
	background-image: url(../images/u-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width:25px; height:25px;
	background-size:25px 25px;
	float:left;
}
.picon {
display:inline-block;
	background-image: url(../images/p-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width:25px; height:25px;
	background-size:25px 25px;
	float:left;
}

.logline {background-color: #EEEEEE; margin:10px 0px; height:1px; clear:both;}
.mg5line {background-color: #EEEEEE; margin:5px 0px; height:1px;}
.loginput {
	border: none;
	padding:2px 5px;
	height:24px;
	line-height:24px;
	width:80%;
	margin:0px 5px;
	float:left;
}
input.login_btn{
	border:none;
	height:34px;
	line-height:34px;
	color:#FFF;
	cursor:pointer;
	width:100%;
	margin-top:10px;
	border-radius:4px;
	background-color: #A48A79;
	font-size:18px;
}
.hui-list{padding:0px; border:1px solid #E4E3E6; border-left:0; border-right:0; background:#FFFFFF;}
.hui-list li{position:relative; display:flex; width:100%; overflow:hidden; height:50px;}
.hui-list li > a, .hui-list > a{display:flex; width:100%; height:50px; overflow:hidden;}
.hui-list li:active, .hui-list > a:active{background-color:#ECECEC;}
.hui-list-text{line-height:49px; height:49px; width:100%; margin-left:12px; border-bottom:1px solid #E4E3E6;font-size:14px; }
.hui-list-text-content{width:100%; white-space:nowrap; text-overflow:ellipsis;}
.hui-list-icons{margin:14px 0px; width:40px; text-align:center; flex-shrink:0; font-size:25px; text-align:center; line-height:22px; color:#3388FF;}
.hui-list-icons img{width:22px; margin-left:12px;}
.hui-list-info{color:#999; float:right; padding-right:6px !important; font-size:14px; flex-shrink:0;}
.hui-list-info *{color:#999; font-size:14px;}
.hui-list li:last-child .hui-list-text, .hui-list > a:last-child .hui-list-text{border:0;}

.paddTable td{padding:5px 3px;}	
.mg5line {background-color: #EEEEEE;height:1px;}
input.meminput{border:1px solid #dfdfdf; padding:7px 2%; width:95%;border-radius:4px;font-size:12px}
textarea.meminput{border:1px solid #dfdfdf; padding:5px 2%; width:95%;border-radius:4px;font-size:12px; overflow:auto;}
select.addrsel{width:32%;height:auto;padding:5px 0px;line-height:18px;border:1px solid #dfdfdf;font-size:12px}
input.mem_btn{background:#A48A79; border:none; margin:2%; height:32px; line-height:32px; color:#FFF; border-radius:2px;width:32%;}

.tips {border-radius:4px; padding:10px; background-color: #EEEEEE;font-size:12px; line-height:20px;margin-bottom:20px;}

.cartnone {padding:30px 0px;text-align:center;}
.cartnone img{ width:70%; margin-bottom:20px;}
a.addr {border-radius:4px; border:1px solid #dddddd; padding:8px 0px; font-size:14px; display:block; width:96%;background-color: #f5f5f5; margin:auto; text-align:center;}


.addrlist{line-height:22px; padding:5px 2%;margin-top:10px;}
.addrlist dl{border: 1px solid #EEEEEE;border-radius:4px; padding:15px; margin-bottom:20px;}
.addrlist dl.curr{border: 1px solid #A48A79;}
.addrlist dl dt{color: #666666;}
.addrlist dl dt span{color: #333333;font-size:16px;}
.addrlist dl dd{padding:8px 0px;}
.addrlist dl dd.opt{border-top: 1px solid #EEEEEE; text-align:right;}
.addrlist dl dd.opt a{color: #F56250;}

.myorderlist {}
.myorderlist dl{padding:8px 0px;}
.myorderlist dt{
	line-height:25px;
	border:1px solid #e5e5e5;
	border-bottom:none;
	padding:5px 10px;
	background-color: #FDFAF7;
}
.orders{border-collapse:collapse;border:1px solid #e5e5e5;padding:5px;}	
.orders td{border:1px solid #e5e5e5;padding:5px;}	
.orders img{ width:100%;}	

.orderb{
line-height:25px;
border:1px solid #e5e5e5;
border-top:none;
padding:5px 10px;
}
.orderb a{padding:0px 5px; margin-left:10px; display:inline-block;color:#fff;border-radius:3px;line-height:20px;background-color: #CC0000; font-size:12px;}



.o_list li{overflow:hidden;position:relative;background-color: #fcfcfc; padding:3% 2%;border-radius:4px; margin-bottom:10px;}
.o_list li .info{color:#777;overflow:hidden;position:relative}
.o_list li:last-child{margin-bottom:0}
.o_list img{float:left;width:80px;height:80px; margin-right:20px;}
.o_list strong{font-size:14px;font-weight:400;color:#333;display:block;padding:2px 0;}
.o_list p{min-height:20px;color:#999999;margin-top:6px;}
.o_list .orange{font-size:10px;}
.o_list .orange em{font-size:16px;font-style:normal;}
.payinfo_t{ font-size:16px; font-weight:bold;line-height:40px;}
.payinfo_pay{padding:5px 10px;color:#603723;line-height:24px;border: 1px solid #EEEEEE;border-radius:4px;}
.payinfo_pay b{font-size:16px;}


input.checkout {border-radius:4px; border:1px solid #dddddd; padding:8px 0px; font-size:14px; display:block; width:100%;background-color: #f5f5f5; margin:10px auto; text-align:center;}

.pay_list li{padding:2%;font-size:14px;}
.pay_list li *{vertical-align:middle;}
.pay_list li span{border:1px solid #cccccc;border-radius:4px; width:20px; height:20px;display:inline-block; margin-right:10px;}
.pay_list li.curr span{
	background-image: url(../images/ico1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FE2300;
	border:1px solid #FE2300;
}