.member-box{
	width:1840px;
	max-width: 100%;
	margin: 0 auto;
	display: block;
	height: calc(100vh - 290px);
	margin-top: 200px;
}
.member-block{
	width: calc(100% - 180px);
	display: block;
	float: right;
	font-size: 0;
	height: 100%;
	overflow: auto;
}
.member-block.en .title{
	width: 500px;
}
.member-block.en .forget{
	width: auto;
}
.member-block.en .member-now-join{
	width: auto;
}
.member-block.en .member-block .title{
	width: 500px;
}
.member-block.en .member-join-form-title{
	width: 250px;
}
.member-block.en .member-join-page-form li input,
.member-block.en .add{
	    width: calc(100% - 270px);
}
.member-block.en .member-join-page-form li .add-zipcode input{
	width: 70px;
}
.member-block.en .member-join-page-form li .add-data input{
	width: 100%;
}
.member-info-list-data.en .member-data label{
	width: 350px;
}
.member-info-box.en .shopping-buyer-box label{
	width: 170px;
}
.member-block .title{
	font-size: 36px;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: left;
	color: #414141;
	position: relative;
	width: 400px;
	max-width: 100%;
    display: block;

}
.member-block .title span{
	width: 200px;
	display: inline-block;
	vertical-align: middle;
}

.member-join-box,
.member-fb-join-box
{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	height: calc(100% - 59px);
}
.member-join-box{
	position: relative;

}
.member-join-box:after{
	content: '';
	display: block;
	width: 3px;
	height: 0;
	background-color: #abaaaa;
	position: absolute;
	right: 0;
	top: 0;
}
.member-sign-in-box,
.member-fb-join
{
	width: 100%;
	height: 100%;
	display: -webkit-flex;
    display:         flex;
    -webkit-align-items: center;
          align-items: center;
    -webkit-justify-content: center;
          justify-content: center;
    flex-direction:column;
}
.member-sign-in-box li{
	width: 300px;
	display: block;
	max-width: 100%;
}
.member-sign-in-box li label{
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 2px;
	display: block;

}
.member-sign-in-box li input{
	width: 300px;
	display: block;
	font-size: 20px;
	padding-left: 5px;
	border: 3px solid #585858;
    height: 32px;
    box-sizing: border-box;
}
.forget{
	display: block;
	font-size: 16px;
	color: #161cf4;
	letter-spacing: 2px;
	text-align: right;
	margin: 10px 0;
	cursor: pointer;
	width: 80px;
	float: right;
}
.forget-box{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	display: none;
    -webkit-align-items: center;
          align-items: center;
    -webkit-justify-content: center;
          justify-content: center;
    z-index: 9;
}
.forget-box.active{
	display: -webkit-flex;
    display:         flex;
}
.forget-bg{
	width: 100%;
	height: 100%;
	display: block;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.4);
	top: 0;
}
.forget-form{
	max-width: 100%;
	display: block;
	background-color: #FFF;
	border: 2px solid  #E50012;
	padding: 10px 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
}
.forget-out{
	width: 40px;
	display: block;
	position: absolute;
	top: -20px;
	right: -20px;
	cursor: pointer;
}
.forget-title,
.return-title
{
	font-size: 36px;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: left;
    color: #414141;
    padding-bottom: 10px;
    position: relative;
}
.forget-form-data label{
	width: 86px;
	max-width: 100%;
	font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.forget-form-data input{
	width: 300px;
    display: inline-block;
    font-size: 20px;
    border: 3px solid #585858;
    height: 32px;
    box-sizing: border-box;
    vertical-align: middle
}

.forget-send{
	padding: 0 10px;
    font-size: 20px;
    letter-spacing: 2px;
    width: 100px;
    line-height: 30px;
    display: block;
    float: right;
    background-color: #e50012;
    text-align: center;
    color: #FFF;
    margin-top: 20px;
}
.member-sign-in{
	font-size: 20px;
	letter-spacing: 2px;
	width: 100px;
	line-height: 30px;
	display: block;
	float: left;
	background-color: #0066b3;
	text-align: center;
	color: #FFF;
}
.member-now-join{
	padding: 0 10px;
	font-size: 20px;
	letter-spacing: 2px;
	width: 100px;
	line-height: 30px;
	display: block;
	float: right;
	background-color: #e50012;
	text-align: center;
	color: #FFF;
}

.member-fb-join-title{
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 40px;
}
.member-fb-join-img{
	border-radius: 20px;
	overflow: hidden;
}

.member-join-page-box{
	padding-bottom: 10px;
	border-bottom: 1px solid #585858;
}

.member-block  .member-join-page-box .title{
	margin: 0 auto;
}

.member-join-page-form{
	width: 800px;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
}

.member-join-page-form li{
	width: 600px;
	max-width: 100%;
	font-size: 0;
	margin-bottom: 20px;
}
.member-join-form-title{
	font-size: 20px;
	letter-spacing: 2px;
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	max-width: 100%;
	font-weight: bold;
	text-align: right;
}
.member-join-page-form li input{
	width: calc(100% - 160px);
	display: inline-block;
    height: 40px;
    max-width: 100%;
    background-color: #E3E4E4;
    border-radius: 10px;
    border: 0;
    vertical-align: middle;
    padding-left: 10px;
    box-sizing: border-box;
}

.birthday select{
	width: 100px;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	background-color: #E3E4E4;
	margin-right: 10px;
	height: 30px;
	border: 0;
	border-radius: 10px;
	text-align: center;
	padding-left: 10px;
}

.add{
	display: inline-block;
	width: calc(100% - 160px);
	display: inline-block;
	vertical-align: top;
}

.add-county select, 
.add-district select{
	width: 100px;
	height: 30px;
	vertical-align: middle;
    background-color: #E3E4E4;
    margin-right: 10px;
    height: 30px;
    border: 0;
    border-radius: 10px;
    text-align: center;
    padding-left: 10px;
}
.add-county,
.add-district,
.add-zipcode{
	margin-bottom: 10px;
	display: inline-block;
	margin-right: 10px;

}
.member-join-page-form li .add-zipcode input{
	width: 100px;
	height: 30px;
	vertical-align: middle;
    background-color: #E3E4E4;
    margin-right: 10px;
    height: 30px;
    border: 0;
    border-radius: 10px;
    padding-left: 10px;
    display: inline-block;

}
.member-join-page-form li .add-data input{
	width: 100%;
	padding-left: 10px;
	font-size: 18px;
}

.member-join-page-form li.button input{
	background-color:  #E50012;
    border-radius: 0;
    letter-spacing: 2px;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    font-family: "cwTeXYen";
    cursor: pointer;
    transition: all .4s linear;
}
.member-join-page-form li.button input:hover{
	background-color: #4485de;
	color: #000;
}
/*會員中心*/
.member-info-box{
	width:1840px;
	max-width: 100%;
	margin: 0 auto;
	display: block;
	min-height: calc(100vh + 100px);

	margin: 0 auto;
	margin-top: 200px;
	font-size: 0;

}
.member-info-block{
	width:100%;
	display: block;
	font-size: 0;
}
.member-info-box .title {
    padding-bottom: 10px;
    border-bottom: 1px solid #585858;
    font-size: 32px;
	font-weight: bold;
	display: block;
}
.member-hello{
	text-align: left;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: bold;
	padding: 10px 0;
}
.member-hello span{
	color:#E50012;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: bold;
}

.member-info-list li{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 2px;
}

.member-info-list li.active{
	 color:#E50012;
}

.member-info-list{
	width: 300px;
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
}
.member-info-list-data{
	width: calc(100% - 300px);
	display: inline-block;
	vertical-align: top;
}
.member-data label{
	font-size: 20px;
    letter-spacing: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    max-width: 100%;
    font-weight: bold;
    text-align: right;
}
.member-data{
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
	margin-top: 30px;
}
.member-data li {
	width: 100%;
	margin-bottom: 20px;
}
.member-data li input{
	width: 350px;
    display: inline-block;
    height: 40px;
    max-width: 100%;
    background-color: #E3E4E4;
    border-radius: 10px;
    border: 0;
    vertical-align: middle;
    padding-left: 10px;
    box-sizing: border-box;
}
.member-data li .add-zipcode input{
	width: 110px;
	max-width: 100%;
	padding-left: 20px;
	box-sizing: border-box;
}
.basic-add-jq{
	display: inline-block;
}
.member-data li.member-basic-add .basic-add-jq> input{
	width: 100px;
	max-width: 100%;
	display:inline-block;
	margin-right: 10px;
	padding-left: 10px;

}

.basic-add input{
	width: 350px;
	display: block;
	max-width: 100%;
	box-sizing: border-box;
	margin-top: 20px;
	padding-left: 10px;
	box-sizing: border-box;
}
.member-basic-add label{
	vertical-align: top;
}

.member-data li.button input{
	background-color: #E50012;
    border-radius: 0;
    letter-spacing: 2px;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-family: "cwTeXYen";
}

/*查詢訂單*/
.member-order-title-box,
.member-order-info-box
{
	width: 100%;
	display: block;
	font-size: 0;
}

.member-order-title-box li{
	width: calc(100% / 7);
	display: inline-block;
	padding: 10px 0;
	font-size: 18px;
	color: #FFF;
	background-color: #E50012;
	text-align: center;
	border: 1px solid #E3E4E4;
	box-sizing: border-box;
}

.member-order-info-box li{
	width: calc(100% / 7);
	display: inline-block;
	font-size: 18px;
	text-align: center;
	border: 1px solid #E3E4E4;
	box-sizing: border-box;
}

#order-data .member-order-info-box li{
	line-height: 50px;
	height: 50px;
	vertical-align: top;
	overflow: hidden;
}
#order-data .member-order-info-box li.cancel{
	cursor: pointer;
}
.memeber-order-title{
	padding: 10px 0;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 2px;
}

.member-order-retrun-box{
	width: 100%;
	display: block;
}

.member-order-retrun-box .products-shopping-cart-link a:last-child{
	float: right;
	box-sizing: border-box;
}
.member-order-retrun{
	width: 100%;
	display: block;
	font-size: 0;

}

.member-order-retrun li{
	width: calc(100% / 6);
	display: inline-block;
	padding: 10px 0;
	font-size: 18px;
	text-align: center;
	background-color: #0066b3;
	color: #FFF;
	border: 1px solid #E3E4E4;
	box-sizing: border-box;
}
.member-order-retrun-info li{
	width: calc(100% / 6);
	display: inline-block;
	padding: 10px 0;
	font-size: 18px;
	text-align: center; 
	border: 1px solid #E3E4E4;
	box-sizing: border-box;
}
.member-order-retrun-back{
	width: 150px;
	padding: 10px 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background-color: #E50012;
	display: block;
	margin-top: 20px;
}
.member-order-retrun-from{
	width: 400px;
	max-width: 100%;
	display: none;
	border: 2px solid #b1b1b1;
	background-color: #FFF;
	padding: 20px 0;
	box-sizing: border-box;
	margin-top: 30px;
	font-size: 0;
}

.member-order-retrun-from li textarea{
	display: inline-block;
	width: 250px;
	height: 200px;
	vertical-align: top;
    border-radius: 10px;
    border: 0;
    background-color: #E3E4E4;
    box-sizing: border-box;
    resize: none;
}

.member-order-retrun-from li{
	width: 350px;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.member-order-retrun-from li label{
	width: 100px;
	max-width: 100%;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
}
.member-order-retrun-from li.button input{
	width: 250px;
	background-color: red;
    border-radius: 0;
    letter-spacing: 2px;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    border: 0;
    margin-top: 30px;
    text-align: center;
    padding: 10px 0;
    font-family: "cwTeXYen";
}
.member-retrun-title-box{
	width: 100%;
	display: block;
	font-size: 0;
}

.member-retrun-title-box li{
	width: calc(100% / 8);
	display: inline-block;
	padding: 10px 0;
	font-size: 18px;
	text-align: center;
	border: 1px solid #E3E4E4;
	box-sizing: border-box;
	background-color: #E50012;
	color: #FFF;
}

.member-retrun-info-box li{
	width: calc(100% / 8);
	display: inline-block;
	height: 50px;
	overflow: hidden;
	padding: 10px 0;
	font-size: 18px;
	text-align: center;
	border: 1px solid #E3E4E4;
	box-sizing: border-box;
	vertical-align: top;
}

.shopping-cart-total-title{
	width: 500px;
	max-width: 100%;
	display: block;
	font-size: 0;
	margin-top: 20px;
}
.shopping-cart-total{
	width: 500px;
	max-width: 100%;
	display: block;
	font-size: 0;
	padding-bottom: 30px;
}
.shopping-cart-total-title li{
	width: calc(100% / 3);
	display: inline-block;
	font-size: 18px;
	text-align: center;
	border: 1px solid #E3E4E4;
	box-sizing: border-box;
	background-color:#4485de;
	color: #FFF;
	letter-spacing: 2px;
}

.shopping-cart-total li{
	width: calc(100% / 3);
	display: inline-block;
	font-size: 18px;
	text-align: center;
	border: 1px solid #E3E4E4;
	box-sizing: border-box;
	background-color: #E50012;
	color: #FFF;
	letter-spacing: 2px;
	vertical-align: top;
}
.shopping-cart-info-pay{
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3);
}
.products-shopping-cart-link{
	width: 600px;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
}

.products-shopping-cart-link a{
	width: 250px;
	max-width: 100%;
	font-size: 20px;
	color: #FFF;
	padding: 10px 10px;
	display: block;
	text-align: center;
}
.products-shopping-cart-link a:first-child{
	background-color: #E50012;
	float: left;
	box-sizing: border-box;
}

.products-shopping-cart-link input{
		width: 250px;
    	max-width: 100%;
    	font-size: 20px;
    	color: #FFF;
    	padding: 14px 10px;
    	display: block;
    	float: right;
    	background-color: #4485de;
    	border: 0;
 		font-family: "cwTeXYen";
 		cursor: pointer;
	}
.products-shopping-cart-link a:last-child{
	background-color:#4485de;
	float: right;
}
.shopping-cart-info-pay .shopping-buyer-receive li:nth-child(3),
.shopping-cart-info-pay .shopping-buyer-receive li:nth-child(4){
	display: none;
}
.return-click{
	cursor: pointer;
}
.return-box{
	width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 9;

}
.return-box.active{
	display: -webkit-flex;
    display: flex;
}

.return-form{
	max-width: 100%;
    display: block;
    background-color: #FFF;
    border: 2px solid #E50012;
    padding: 10px 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}

.return-form-data label {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.return-form-data{
	width: 100%;
}
.return-form-data textarea{
	width: 300px;
	max-width: 100%;
    display: inline-block;
    font-size: 20px;
    border: 3px solid #585858;
    height: 200px;
    box-sizing: border-box;
    vertical-align: top;
    resize: none;

}
.forget-form-data input{
	width: 300px;
    display: inline-block;
    font-size: 20px;
    border: 3px solid #585858;
    height: 32px;
    box-sizing: border-box;
    vertical-align: middle;
}
.return-bg{
	width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
}