@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

html{
	scroll-behavior:smooth;
}

body{
	font-family:'Noto Sans TC','微軟正黑體',sans-serif;
	font-size:17px;
	color:#222222;
	background:#EFEFEF;
	-webkit-text-size-adjust:none;
	image-rendering:-webkit-optimize-contrast;
}

article{
	overflow:clip;
}

.out{
	max-width:1350px;
	position:relative;
	padding:0 20px;
	margin:0 auto;
}

input, textarea, select{
	font-family:'Noto Sans TC','微軟正黑體',sans-serif;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
	-webkit-appearance:none;
	margin:0;
}

input[type="number"]{
	-moz-appearance:textfield;
}

/*HOME-----------------------------------------*/

/*HOME_S1-----------------*/
.home .s1{
	background:url("../images/home_s1.jpg") center;
	background-size:cover;
}

.home .s1 .out{
	max-width:1200px;
	height:430px;
	padding-top:110px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	font-size:44px;
	color:#FFFFFF;
}

.home .s1 h6{
	color:#174C7D;
	font-weight:normal;
}

.home .s1 p{
	max-width:460px;
	font-size:0.5em;
	line-height:1.7em;
	color:#222222;
	margin-top:1.3em;
}

.home .s1 img{
	display:none;
}

/*HOME_S2-----------------*/
.home .s2{
	margin-top:-40px;
}

.home .s2 .list{
	position:relative;
	margin-bottom:90px;
	padding-left:60px;
}

.bookmark{
	position:absolute;
	top:-110px;
}

.home .s2 .box{
	background:#F8F8F8;
	padding:60px 60px 60px 0;
	border-radius:30px;
	overflow:hidden;
	box-shadow:15px 15px 40px rgba(0,0,0,0.1);
}

/*HOME_S2_SLIDER*/
.home .s2 .splide{
	position:absolute;
	top:60px;
	left:0;
	width:31%;
}

.home .s2 .splide__track{
	border-radius:35px;
	overflow:hidden;
	box-shadow:10px 10px 10px rgba(0,0,0,0.1);
}

.home .s2 .splide img{
	width:100%;
	aspect-ratio:1/1;
}

.home .s2 .splide__arrow{
	top:auto;
	bottom:-65px;
	width:40px;
	height:40px;
	opacity:1;
	background:#B5B5B6;
	transform:none;
	transition:background 0.2s;
}

.home .s2 .splide__arrow:hover{
	background:#05822e;
}

.home .s2 .splide__arrow--prev{
	left:50%;
	margin-left:-45px;
}

.home .s2 .splide__arrow--next{
	right:50%;
	margin-right:-45px;
}

.home .s2 .splide__arrow svg{
	width:20px;
	height:20px;
	fill:#FFFFFF;
}

/*HOME_S2_TEXT*/
.home .s2 .top,
.home .s2 .bm{
	padding-left:34%;
}

.home .s2 .top{
	background:#FFFFFF;
	margin:-60px -60px 0 0;
	border-bottom:#D3DDE6 1px solid;
	padding-right:60px;
}

.home .s2 .top h2{
	font-size:26px;
	color:#038c30;
	line-height:1.3em;
	font-weight:normal;
	padding-top:60px;
}

.home .s2 .top p{
	font-size:20px;
	line-height:1.5em;
	margin-top:1em;
	padding-bottom:40px;
}

.home .s2 .type{
	display:flex;
	flex-wrap:wrap;
	gap:10px 5px;
	margin:35px 0;
}

.home .s2 .type input{
	display:none;
}

.home .s2 .type span{
	display:block;
	padding:10px;
	background:#FFFFFF;
	box-shadow:0 0 0 1px #C9CACA;
	border-radius:5px;
	cursor:pointer;
	transition:0.2s;
}

.home .s2 .type span:hover{
	color:#05822e;
}

.home .s2 .type input:checked + span{
	color:#05822e;
	box-shadow:0 0 0 2px #05822e;
}

.home .s2 .type input:disabled + span{
	color:#FFFFFF;
	background:#BBBBBB;
	border-color:#BBBBBB;
	cursor:not-allowed;
	display: none;
}

.home .s2 .ps{
	line-height:1.7em;
	margin-bottom:35px;
}

.home .s2 .price{
	font-size:22px;
}

.home .s2 .bt{
	display:flex;
	flex-wrap:wrap;
	gap:25px;
}

.home .s2 .bt a,
.member.signin .bt2 a{
	position:relative;
	display:block;
	width:215px;
	line-height:55px;
	color:#222222;
	text-align:center;
	border:#9FA0A0 1px solid;
	background-color:#FFFFFF;
	border-radius:30px;
	transition:0.2s;
}

.home .s2 .bt a:hover,
.member.signin .bt2 a:hover{
	color:#038c30;
	border:#038c30 1px solid;
}

.home .s2 .bt li:nth-child(1) a,
.member.signin .bt2 li:nth-child(2) a{
	background:#FFFFFF url("../images/icon_shopping.svg") right 10px center no-repeat;
	background-size:40px;
}

.home .s2 .bt li:nth-child(1) a:after{
	content:"+";
	position:absolute;
	top:3px;
	right:26px;
	font-size:14px;
	color:#FFFFFF;
}

.home .s2 .bt li:nth-child(2) a:after,
.member.signin .bt2 li:nth-child(1) a:after{
	content:"";
	position:absolute;
	top:50%;
	right:20px;
	width:20px;
	height:20px;
	background:#038c30;
	margin-top:-10px;
	border-radius:50%;
}

.home .s2 .bt li:nth-child(2) a:before,
.member.signin .bt2 li:nth-child(1) a:before{
	content:"";
	position:absolute;
	top:50%;
	right:28px;
	z-index:1;
	width:5px;
	height:5px;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:1px 1px 0 0;
	transform:rotate(45deg);
	margin-top:-3px;
}

.home .s2 .amount{
	display:flex;
	align-items:center;
	margin:35px 0;
}

/*HANDLE_COUNTER*/
.handle-counter{
	display:flex;
	margin-right:20px;
}

.handle-counter input[type="button"]{
	height:30px;
	width:30px;
	border:#C9CACA 1px solid;
	background:#FFFFFF;
	cursor:pointer;
	position:relative;
	outline:0;
	border-radius:50%;
	transition:0.2s;
}

.handle-counter input[type="button"]:hover{
	background:#05822e;
}

.handle-counter input[type="button"]:disabled{
	cursor:not-allowed;
}

.handle-counter input[type="button"]:disabled:hover{
	background:#C9CACA;
}

.handle-counter .minus_out,
.handle-counter .plus_out{
	position:relative;
}

.handle-counter .minus_out:after,
.handle-counter .plus_out:after,
.handle-counter .plus_out:before{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	background:#3E3A39;
	transition:0.2s;
	pointer-events:none;
}

.handle-counter .minus_out:after,
.handle-counter .plus_out:after{
	width:11px;
	height:1px;
	margin:-1px 0 0 -5px;
}

.handle-counter .minus_out:hover:after{
	background:#FFFFFF;
}

.handle-counter .plus_out:before{
	width:1px;
	height:11px;
	margin:-6px 0 0 0;
}

.handle-counter .plus_out:hover:after,
.handle-counter .plus_out:hover:before{
	background:#FFFFFF;
}

.handle-counter input[type="number"]{
	font-size:17px;
	width:3em;
	height:30px;
	text-align:center;
	border:#C9CACA 1px solid;
	box-sizing:border-box;
	outline:0;
	margin:0 5px;
}

/*HOME_S3-----------------*/
.home .s3{
	padding-bottom:150px;
}

.home .s3 .box{
	background:#FFFFFF url("../images/home_s3.jpg") left center no-repeat;
	border-radius:30px;
	overflow:hidden;
	box-shadow:15px 15px 40px rgba(0,0,0,0.1);
}

.home .s3 img{
	display:none;
}

.home .s3 .text{
	width:52%;
	box-sizing:border-box;
	padding:60px;
	background:#FFFFFF;
	margin-left:auto;
}

.home .s3 h6{
	position:relative;
	font-size:26px;
	line-height:1.3em;
	font-weight:normal;
	color:#038c30;
	padding-bottom:25px;
}

.home .s3 h6:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:3em;
	height:2px;
	background:#049a95;
}

.home .s3 p{
	line-height:1.7em;
	margin:1.5em 0;
}

.home .s3 a{
	position:relative;
	display:block;
	width:215px;
	line-height:55px;
	color:#222222;
	text-align:center;
	background:#EFEFEF;
	border-radius:30px;
	transition:0.2s;
}

.home .s3 a:hover{
	width:235px;
}

.home .s3 a:after{
	content:"";
	position:absolute;
	top:50%;
	right:20px;
	width:7px;
	height:7px;
	border-style:solid;
	border-color:#049a95;
	border-width:1px 1px 0 0;
	transform:rotate(45deg);
	margin-top:-4px;
}

/*INTRO-----------------------------------------*/

/*INTRO_S1-----------------*/
.intro .s1,
.member .s1,
.cart .s1{
	background-image:url("../images/intro_s1.jpg");
	background-position:center;
	background-size:cover;
}

.intro .s1 .out,
.member .s1 .out,
.cart .s1 .out{
	max-width:1260px;
	height:314px;
	padding-top:110px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	color:#049a95;
}

.intro .s1 .tw,
.member .s1 .tw,
.cart .s1 .tw{
	font-size:28px;
	font-weight:600;
}

.intro .s1 .en,
.member .s1 .en,
.cart .s1 .en{
	font-size:21px;
	font-weight:600;
	margin-top:0.5em;
}

/*INTRO_S3-----------------*/
.intro .s3 .out{
	max-width:900px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	font-size:20px;
	line-height:1.7em;
}

.intro .s3 .t1{
	position:relative;
	color:#05822e;
	font-weight:600;
	min-width:11em;
}

.intro .s3 .t2{
	max-width:745px;
	line-height:1.7em;
}

/*INTRO_S4-----------------*/
.intro .s4{
	padding:50px 0 20px;
}

.intro .s4 ul{
	display:flex;
	flex-wrap:wrap;
	background:#FFFFFF;
	padding:30px 20px 1px 60px;
	border-radius:10px;
}

.intro .s4 li{
	margin-right:2.33em;
	margin-bottom:25px;
}

.intro .s4 a{
	position:relative;
	display:block;
	width:8em;
	color:#3E3A39;
	padding-bottom:15px;
	transition:0.2s;
}

.intro .s4 a:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	background:#05822e;
	transition:0.2s;
}

.intro .s4 a:hover:after{
	width:100%;
	background:#AEC1D1;
}

.intro .s4 li.active a:after{
	width:100%;
	background:#05822e;
}

.intro .s4 li.active a,
.intro .s4 a:hover{
	color:#05822e;
}

.intro .s4 .scroll_img{
	display:none;
	margin-top:10px;
	height:28px;
	background:url("../images/scroll_img.png") center no-repeat;
	background-size:auto 28px;
}

/*INTRO_S5-----------------*/
.intro .s5{
	padding-bottom:120px;
}

.intro .s5 .box{
	padding:80px 15%;
	background:#FFFFFF;
	border-radius:25px;
}

.intro .s5 .t1{
	font-size:26px;
	color:#05822e;
	line-height:1.3em;
	font-weight:normal;
	margin-bottom:1em;
}

.intro .s5 .text{
	line-height:1.7em;
}

.intro .s5 img{
	display:block;
	margin:30px auto;
	max-width:100%;
	height:auto !important;
}

/*MEMBER-----------------------------------------*/

/*MEMBER_S1-----------------*/
.member .s1{
	background-image:url("../images/member_s1.jpg");
}

/*MEMBER_S3-----------------*/
.member .s3{
	padding-bottom:100px;
}

.member .s3 .out{
	max-width:930px;
}

.member .s3 .box,
.cart .s3 .box{
	background:#FFFFFF;
	border-radius:20px;
	overflow:hidden;
	box-shadow:5px 5px 10px rgba(0,0,0,0.1);
}

.member .s3 .top,
.cart .s3 .top{
	position:relative;
	padding:22px 0 21px 85px;
	text-align:left;
	box-shadow:0 20px 20px rgba(0,0,0,0.1);
}

.member .s3 .top:before,
.cart .s3 .top:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:100%;
	background:#049a95 url("../images/icon_member2.svg") center no-repeat;
	background-size:35px;
}

.member .s3 .step ul,
.cart .s3 .step ul{
	display:flex;
	margin:-22px 0 -21px -25px;
}

.member .s3 .step li,
.cart .s3 .step li{
	width:100%;
	padding:23px 35px 23px;
	font-size:14px;
	text-align:center;
}

.member .s3 .step li span,
.cart .s3 .step li span{
	padding-right:0.5em;
	color:#05822e;
}

.member .s3 .step li.active,
.cart .s3 .step li.active{
	background:#05822e;
	color:#000000;
}

.member .s3 .step li.active span,
.cart .s3 .step li.active span{
	color:#FFFFFF;
}

.member .s3 .step li.pass,
.member .s3 .step li.pass span,
.cart .s3 .step li.pass,
.cart .s3 .step li.pass span{
	background:#047975;
	color:#B4C4D4;
}

.member .s3 .box{
	text-align:center;
	padding-bottom:60px;
}

.member .s3 form{
	padding:0 20px;
}

.member .s3 .td{
	text-align:left;
}

.member .s3 h6{
	position:relative;
	font-size:22px;
	font-weight:normal;
	line-height:1.3em;
	padding:60px 0 1em;
	margin-bottom:25px;
}

.member .s3 h6:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:50px;
	height:1px;
	background:#05822e;
	margin-left:-25px;
}

.member .s3 .table{
	width:100%;
	max-width:470px;
	margin:0 auto 10px;
}

.member .s3 .td{
	position:relative;
	padding:10px 0;
}

.member .s3 .td input,
.member .s3 .td textarea{
	width:100%;
	box-sizing:border-box;
	border:#9FA0A0 1px solid;
	padding:10px;
	font-size:17px;
	border-radius:5px;
	background:#FFFFFF;
}

.member .s3 .td input:disabled{
	background:#F7F8F8;
}

.member form .nofill,
.member form .format{
	position:relative;
}

.member form .nofill:before,
.member form .format:before{
	position:absolute;
	top:-2px;
	left:5px;
	color:#FFFFFF;
	padding:8px 10px;
	background-color:#E83828;
	border-radius:5px 5px 0px 0px;
	font-size:12px;
	line-height:1em;
	white-space:nowrap;
	pointer-events:none;
}

.member form .nofill:before{
	content:"此欄為必填";
}

.member form .format:before{
	content:"格式錯誤";
}

.member form .nofill,
.member form .format{
	padding-top:25px !important;
}

.member form .nofill input,
.member form .format input{
	border:#E83828 1px solid !important;
	box-shadow:0px 0px 5px #E83828;
}

.member .s3 .td input::placeholder{
	color:#999999;
	opacity:1;
}

.member .s3 .check{
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:20px;
	height:20px;
	margin-right:5px;
}

.member .s3 .check input{
	display:none;
}

.member .s3 .check span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:#C9CACA 1px solid;
	box-sizing:border-box;
	border-radius:3px;
	cursor:pointer;
}

.member .s3 .check input:checked + span:after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:50%;
	height:25%;
	border-color:#05822e;
	border-style:solid;
	border-width:0px 0px 3px 3px;
	transform:translate(-50%,-70%) rotate(-45deg);
}

.member .s3 .bt{
	display:block;
	width:150px;
	height:45px;
	background:#05822e;
	border:none;
	font-size:17px;
	color:#FFFFFF;
	margin:60px auto 35px;
	cursor:pointer;
	border-radius:30px;
	transition:0.2s;
}

.member.forgot .s3 .bt,
.member.signin .s3 .bt{
	margin:35px auto;
}

.member .s3 .bt:hover{
	width:170px;
}

.member.login .s3 a{
	color:#3E3A39;
	transition:0.2s;
}

.member.login .s3 a:hover{
	color:#00d2d3;
}

.member.signin p{
	line-height:1.7em;
}

.member.signin .bt2{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:20px;
	margin-top:60px;
}

.member.signin .bt2 li:nth-child(1) a:after{
	right:auto;
	left:20px;
}

.member.signin .bt2 li:nth-child(1) a:before{
	right:auto;
	left:28px;
	border-width:0 0 1px 1px;
	transform:rotate(45deg);
	margin-top:-3px;
}

.member.signin .bt2 li:nth-child(2) a{
	background-image:url("../images/icon_member.svg");
}

/*MEMBER_S3_SIGNIN*/
.member .s3 .ps{
	border-top:#E1E1E1 1px solid;
	margin:0 -20px;
	padding:30px 20px 0;
	display:flex;
	justify-content:center;
	text-align:left;
	line-height:1.3em;
}

.member .s3 .ps ul{
	margin-left:55px;
	list-style:disc;
}

.member .s3 .ps li{
	margin-bottom:0.5em;
}

.member .s3 .ps li:last-child{
	margin-bottom:0;
}

.member .s3 .ps li::marker{
	color:#B28247;
}

/*MEMBER_S3_TAB*/
.member .s3 .tab{
	display:flex;
	justify-content:center;
	gap:6px;
	margin-bottom:30px;
}

.member .s3 .tab li{
	width:33.33%;
}

.member .s3 .tab a{
	position:relative;
	display:block;
	background:#FFFFFF;
	padding:1em 0;
	color:#3E3A39;
	text-align:center;
	border-radius:5px;
	transition:0.2s;
}

.member .s3 .tab a:hover{
	color:#038c30;
}

.member .s3 .tab li.active a{
	color:#FFFFFF;
	background:#00d2d3;
}

.member .s3 .tab img{
	position:absolute;
	top:10%;
	right:0;
	height:80%;
}

.member .s3 .tab li.active .img1,
.member .s3 .tab a .img2{
	opacity:0;
}

.member .s3 .tab li.active .img2{
	opacity:1;
}

@media only screen and (max-width:550px){
    .member .s3 .tab a{
		font-size:3.1vw;
    }
}

/*MEMBER_S3_ORDER*/
.order .s3 .table{
	margin-top:60px;
	max-width:860px;
}

.order .s3 .table .tr:first-child .td{
	color:#FFFFFF;
	background:#05822e;
}

.order .s3 .table .tr:first-child .td{
	padding:10px 20px;
	border-bottom:none;
}

.order .s3 .td{
	padding:1em;
	color:#3E3A39;
	text-align:center;
	border-bottom:#EFEFEF 1px solid;
	transition:0.2s;
}

.order .s3 .td:first-child{
	text-align:left;
}

.order .s3 .tr:hover .td{
	background:#F7F8F8;
	border-bottom:#05822e 1px solid;
}

/*MEMBER_S3_ORDER2*/
.order .s3 .find{
	max-width:800px;
	display:flex;
	align-items:center;
	gap:10px;
	margin:60px auto 0;
}

.order .s3 .find input[type="text"]{
	width:150px;
	height:40px;
	border:none;
	font-size:17px;
	background:#EFEFEF;
	padding:0 15px;
	border-radius:5px;
}

.order .s3 .find input[type="submit"]{
	width:105px;
	height:40px;
	border:none;
	font-size:17px;
	color:#FFFFFF;
	background:#B28247 url("../images/icon_find.svg") right 15px center no-repeat;
	background-size:auto 15px;
	border-radius:5px;
	cursor:pointer;
	transition:0.2s;
}

.order .s3 .find input[type="submit"]:hover{
	background-color:#A27640;
}

.order .s3 .find .cash{
	font-size:15px;
	line-height:23px;
	margin-left:auto;
}

.order .s3 .find .cash span{
	font-size:23px;
	color:#05822e;
	vertical-align:top;
	padding-left:13px;
}

.ui-datepicker select{
	appearance:auto;
	background:#FFFFFF;
}

/*MEMBER_S3_ORDER_IN*/
.order_in .s3 .box,
.cart .s3 .box{
	padding:0 35px 60px;
}

.order_in .s3 .top,
.cart .s3 .top{
	margin:0 -35px;
}

.order_in .s3 .list{
	text-align:left;
	padding:2em 0 1em;
}

/*.order_in .s3 .list li{
	border-right:#CECECE 1px solid;
	padding-right:1em;
	margin-right:1em;
}

.order_in .s3 .list li:last-child{
	border-right:none;
}*/
	
.order_in .s3 .list li{
    border-right:none;
    padding-right:0;
    margin:0 0 1em;
}
	
.order_in .s3 .list li:last-child{
    margin:0;
}

.order .s3 .title,
.order_in .s3 .title{
	position:relative;
	text-align:left;
	padding:1.5em 0 1.5em 15px;
}

.order .s3 .title:before,
.order_in .s3 .title:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:7px;
	height:7px;
	background:#05822e;
	border-radius:50%;
	margin-top:-1px;
}

.order_in .s3 .item{
	max-width:860px;
}

.order_in .s3 .item .tr:first-child .td,
.cart .s3 .item .tr:first-child .td{
	height:auto;
	padding:10px 20px;
	color:#FFFFFF;
	font-size:17px;
	line-height:1em;
	background:#05822e;
	text-align:center;
}

.order_in .s3 .item .td,
.cart .s3 .item .td{
	position:relative;
	vertical-align:middle;
	line-height:1.5em;
	text-align:center;
	border-bottom:#DADADA 1px solid;
	padding:15px 0;
}

.order_in .s3 .item .td img,
.cart .s3 .item .td img{
	position:absolute;
	top:15px;
	left:0;
	width:75px;
	height:75px;
	border-radius:5px;
}

.order_in .s3 .item .td:first-child,
.cart .s3 .item .td:first-child{
	padding-left:100px;
	height:75px;
	vertical-align:top;
	text-align:left;
	width:475px;
}

.order2_in .s3 .item .td:first-child{
	width:375px;
}

.order_in .s3 .item .td li,
.cart .s3 .item .td li{
	line-height:1.5em;
	max-height:3em;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.order_in .s3 .item .td li:first-child,
.cart .s3 .item .td li:first-child{
	color:#05822e;
}

.order_in .s3 .item .td li:nth-child(2),
.cart .s3 .item .td li:nth-child(2){
	font-size:15px;
}

.order_in .s3 .total{
	max-width:260px;
	margin:20px 0 35px auto;
}

.order_in .s3 .total li{
	text-align:left;
	border-bottom:#E7E7E7 1px solid;
	padding:10px 0;
	display:flex;
	justify-content:space-between;
}

.order_in .s3 .total span{
	color:#05822e;
}

.order_in .s3 .total + .title{
	border-top:#8CA6BF 1px solid;
}

.order_in .s3 .info{
	max-width:500px;
}

.order_in .s3 .info .td:first-child{
	width:6em;
	min-width:6em;
}

.order_in .s3 .info .td{
	padding:15px 0;
	border-bottom:#DADADA 1px solid;
	line-height:1.5em;
	word-break:break-all;
}

.order_in .s3 .info .tr:last-child .td{
	border-bottom:none;
}

.order_in .s3 .back,
.cart .s3 .left .up{
	position:relative;
	display:block;
	width:185px;
	color:#3E3A39;
	line-height:45px;
	text-align:center;
	background:#EFEFEF;
	border-radius:30px;
	margin:50px auto 0;
	transition:0.2s;
}

.order_in .s3 .back:hover,
.cart .s3 .left .up:hover{
	width:200px;
}

.order_in .s3 .back:before,
.cart .s3 .left .up:before{
	content:"";
	position:absolute;
	top:50%;
	left:15px;
	width:7px;
	height:7px;
	border-style:solid;
	border-color:#05822e;
	border-width:0 0 2px 2px;
	transform:rotate(45deg);
	margin-top:-4px;
}

/*MEMBER_S3_PROFIT*/

.profit .s3 p.link{
	max-width:calc(100% - 70px);
	margin:60px auto 1em;
	text-align:left;
	line-height:1.5em; 
	padding-left:0px;
}

.profit .s3 p.link b{ 
	color:#05822e;   
}

.profit .s3 .title{
	max-width:calc(100% - 85px);
	line-height:1.5em;
	margin:0 auto;
}

.profit .s3 .title:before{
	top:35px;
	margin-top:0;
}

.profit .s3 .table{
	margin-top:0;
}

/*CART-----------------------------------------*/

/*CART_S1-----------------*/
.cart .s1{
	background-image:url("../images/cart_s1.jpg");
}

/*CART_S3-----------------*/
.cart .s3{
	padding-bottom:60px;
}

.cart .s3 .out{
	max-width:1250px;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}

/*CART_S3_LEFT*/
.cart .s3 .left{
	width:100%;
}

.cart .s3 .item{
	width:100%;
	margin-top:60px;
}

.cart .s3 .top:before{
	background-image:url("../images/icon_shopping_w.svg");
	background-size:40px;
}

.cart .s3 .item .td:first-child{
	max-width:270px;
}

.cart .s3 .item .td:nth-child(2),
.cart .s3 .del{
	min-width:5em;
}

.cart .s3 .item .td:nth-child(3){
	font-size:14px;
	min-width:6em;
}

.cart .s3 .del a{
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	background:#EFEFEF;
	border-radius:50%;
	transition:0.2s;
}

.cart .s3 .del a:hover{
	background:#05822e;
}

.cart .s3 .del a:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("../images/icon_del.svg");
	background-size:cover;
	transition:0.2s;
}

.cart .s3 .del a:hover:before{
	filter:brightness(600%);
}

.cart .s3 .handle-counter{
	justify-content:center;
	margin:0 0 10px;
}

.cart .s3 .back{
	position:relative;
	display:block;
	width:180px;
	line-height:45px;
	background:#FFFFFF;
	color:#05822e;
	text-align:center;
	box-shadow:5px 5px 9px rgba(0,0,0,0.1);
	margin:45px auto 0;
	border-radius:30px;
	transition:0.2s;
}

.cart .s3 .back:hover{
	width:200px;
}

.cart .s3 .back:before{
	content:"";
	position:absolute;
	top:50%;
	left:15px;
	width:7px;
	height:7px;
	border-style:solid;
	border-color:#05822e;
	border-width:0 0 2px 2px;
	transform:rotate(45deg);
	margin-top:-4px;
}

/*CART_S3_RIGHT*/
.cart .s3 .right{
	position:sticky;
	top:90px;
	width:300px;
	min-width:300px;
	margin-left:40px;
}

.cart .s3 .right .box2{
	padding:35px 20px;
	background:#FFFFFF;
	border-radius:15px;
	overflow:hidden;
	box-shadow:5px 5px 9px rgba(0,0,0,0.1);
}

.cart .s3 .right .t1{
	color:#FFFFFF;
	background:#05822e;
	padding:1em;
	margin:-35px -20px 0;
}

.cart .s3 .right ul{
	padding:20px 0;
}

.cart .s3 .right li{
	display:flex;
	justify-content:space-between;
	border-bottom:#E7E7E7 1px solid;
	padding:10px 0;
	line-height:1.7em;
}

.cart .s3 .right li:last-child{
	border-bottom:none;
}

.cart .s3 .right .t2{
	color:#05822e;
}

.cart .s3 .right .price{
	text-align:right;
}

.cart .s3 .right .price span{
	position:relative;
	display:block;
	color:#05822e;
}

.cart .s3 .right .price span:before{
	content:"";
	position:absolute;
	top:50%;
	left:-10px;
	width:5px;
	height:5px;
	background:#B28247;
	border-radius:50%;
}

.cart .s3 .right li:last-child .price{
	font-size:22px;
	font-weight:600;
}

.cart .s3 .right .bt1{
	position:relative;
}

.cart .s3 .right .bt1:after{
	content:"";
	position:absolute;
	top:50%;
	right:15px;
	width:6px;
	height:6px;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:2px 2px 0 0;
	transform:rotate(45deg);
	margin-top:-4px;
}

.cart .s3 .right .bt1 input{
	width:100%;
	height:42px;
	border:none;
	font-size:17px;
	color:#FFFFFF;
	border-radius:30px;
	background:#5d839e;
	cursor:pointer;
	transition:0.2s;
}

.cart .s3 .right .bt1 input:hover{
	background:#BD3023;
}

.cart .s3 .right .bt1 input:disabled{
	background:#C9CACA;
	pointer-events:none;
}

.cart .s3 .right .bt2{
	display:block;
	background:#5d839e;
	line-height:42px;
	width:100%;
	color:#FFFFFF;
	text-align:center;
	margin-top:15px;
	border-radius:30px;
	box-shadow:0 0 9px #5d839e;
	transition:0.2s;
}

.cart .s3 .right .bt2:hover{
	background:#BD3023;
	box-shadow:0 0 9px #BD3023;
}

.cart .s3 .right .bt2 span{
	border-bottom:#FFFFFF 1px solid;
}

.cart .s3 .right .ps_right{
	position:relative;
	line-height:1.5em;
	margin-top:1em;
	padding-left:30px;
}

.cart .s3 .right .ps_right:before{
	content:"!";
	position:absolute;
	top:2px;
	left:0;
	width:20px;
	line-height:20px;
	color:#CD3527;
	border:#CD3527 1px solid;
	border-radius:50%;
	text-align:center;
}

@media only screen and (max-width:1250px){
    /*CART_S3_RIGHT*/
    .cart .s3 .right{
        margin-left:20px;
    }
	
    .cart .s3 .top{
        margin:0 -20px;
    }
	
    .cart .s3 .box{
        padding:0 20px 60px;
    }
	
    .cart .s3 .step li span{
		display:none;
    }
}

/*CART_STEP2*/
.cart.step2 .s3 .left .ps_left{
	text-align:left;
	padding:2em 0;
}

.cart.step2 .s3 .left .ps_left span{
	display:inline-block;
	vertical-align:middle;
	width:5px;
	height:5px;
	background:#E83828;
	border-radius:50%;
	margin:0 5px;
}

.cart.step2 .s3 .left .shop a{
	display:inline-block;
	padding:0 50px 0 25px;
	color:#222222;
	line-height:40px;
	text-align:center;
	border:#05822e 2px solid;
	border-radius:30px;
	background:url("../images/cart_711.png") right 15px center no-repeat;
	background-size:30px;
	transition:0.2s;
}

.cart.step2 .s3 .left .shop.nofill a{
	border:#E83828 2px solid;
}

.cart.step2 .s3 .left .shop a:hover{
	padding:0 55px 0 30px;
}

.cart.step2 .s3 .left .shop div{
	line-height:1.5em;
	margin-top:15px;
}

.cart.step2 .s3 .left .shop.nofill:before{
	left:20px;
}

.cart.step2 .s3 .left .shop.rq:after{
	bottom:auto;
	right:auto;
	top:30px;
	left:170px;
}

.cart.step2 .s3 .left .shop.rq.nofill:after{
	top:43px;
}

.cart.step2 .s3 .left .note{
	vertical-align:top;
}

.cart.step2 .s3 .left textarea{
	height:120px;
}

.cart.step2 .s3 .left .rq:after{
	content:"";
	position:absolute;
	bottom:32px;
	right:-10px;
	width:5px;
	height:5px;
	background:#E83828;
	border-radius:50%;
}

/*CART_STEP3*/
.cart.step3 .s3 .left .item{
	margin-top:0;
}

.cart.step3 .s3 .left .item .td:nth-child(3){
	font-size:1em;
}

.cart.step3 .s3 .left .info{
	width:100%;
	margin:0 auto;
}

/*CART_STEP4*/
.cart.step4 .s3 .out{
	max-width:910px;
}

.cart.step4 .s3 h6{
	position:relative;
	font-size:22px;
	width:6em;
	font-weight:600;
	margin:70px auto;
}

.cart.step4 .s3 h6:before,
.cart.step4 .s3 h6:after{
	content:"";
	position:absolute;
	top:50%;
	width:45px;
	height:1px;
	background:#05822e;
}

.cart.step4 .s3 h6:before{
	left:-60px;
}

.cart.step4 .s3 h6:before{
	right:-60px;
}

.cart.step4 .s3 p{
	max-width:550px;
	line-height:1.5em;
	margin:0 auto;
}

.cart.step4 .s3 p span{
	color:#05822e;
}

.cart.step4 .s3 a{
	display:block;
	width:150px;
	padding-left:20px;
	line-height:43px;
	text-align:center;
	color:#FFFFFF;
	background:#05822e url("../images/icon_home.png") left 35px center no-repeat;
	background-size:auto 15px;
	border-radius:30px;
	margin:50px auto 0;
	transition:0.2s;
}

.cart.step4 .s3 a:hover{
	width:170px;
}

/*COMMON--------------------------------------------------------------------*/

/*HEADER-----------------------------------------*/
header{
	/*max-width:1650px;*/
	position:fixed;
	top:0;
	left:20px;
	right:20px;
	z-index:1000;
	background:#FFFFFF;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	margin:0 auto;
	border-radius:0 0 30px 30px;
}

header .mb_bt,
header .mb{
	display:none;
}

header .out{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

header .logo{
	display:block;
	width:60%;
	max-width:220px;
	transition:0.2s;
}

header.active .logo{
	max-width:180px;
}

header .logo img{
	width:100%;
}

/*HEADER_MENU-----------------*/
header .pc .menu{
	padding-top:40px;
	display:flex;
	transition:0.2s;
}

header.active .pc .menu{
	padding-top:20px;
}

header .pc .list{
	position:relative;
	margin-right:50px;
	font-size:22px;
	line-height:26px;
}

header .pc .list:nth-last-child(-n+4){
	margin-right:30px;
	font-size:16px;
}

header .pc .menu .list:last-child{
	margin-right:0;
}

header .pc .list > a,
header .pc .list div{
	position:relative;
	display:block;
	color:#222222;
	cursor:pointer;
	padding:4px 0 40px;
	background-size:auto 37px;
	background-repeat:no-repeat;
	transition:0.2s;
}

header.active .pc .list > a,
header.active .pc .list div{
	padding:4px 0 30px;
}

header .pc .list > a:after,
header .pc .list div:after{
	content:"";
	position:absolute;
	left:50%;
	top:40px;
	width:0;
	height:2px;
	background:#174D7C;
	margin-left:-15px;
	transition:0.2s;
}

header .pc .list > a:hover:after,
header .pc .list div:hover:after{
	width:30px;
}

header .list.mbr > a,
header .list.mbr div{
	padding-right:26px !important;
	background-image:url("../images/icon_member.svg");
	background-position:right -10px top -3px;
}

header .list.not > a span{
	position:relative;
	top:-2px;
	color:#AAAAAA;
}

header .list.car{
	display:none;
}

header .menu .list.car{
	display:block;
}

header .list.car > a{
	background-image:url("../images/icon_shopping.svg");
	background-position:left 3em top -3px;
}

header .list.car > a span{
	display:inline-block;
	background:#E83828;
	font-size:12px;
	line-height:1em;
	color:#FFFFFF;
	padding:2px 5px;
	border-radius:20px;
	margin-left:20px;
}

header .list.line > a{
	padding-right:26px !important;
	background-image:url("../images/icon_line.svg");
	background-position:right -8px top -3px;
}

header .pc .menu .list li a{
	color:#333333;
	transition:0.2s;
}

header .pc .menu .list li a:hover{
	color:#038c30;
}

header .pc .menu .list.sub ul{
	max-width:1520px;
	position:fixed;
	top:110px;
	left:50px;
	right:50px;
	margin:0 auto;
	font-size:17px;
	background:#EFEFEF;
	border-radius:0 0 30px 30px;
	padding:1.5em 20px 0.5em;
	border:#FFFFFF 2px solid;
	border-top:none;
	display:grid;
	justify-content:center;
	grid-template-columns:repeat(auto-fit,minmax(auto,280px));
}

header.active .pc .menu .list.sub ul{
	top:80px;
}

header .pc .menu .list ul{
	transform:scaleY(0);
	transform-origin:top;
	box-shadow:0 0 4px rgba(0,0,0,0.1);
	transition:0.2s;
}

header .pc .menu .list:hover ul{
	transform:none;
}

header .pc .menu .list.sub li{
	margin-bottom:1em;
}

header .pc .menu .list.mbr ul{
	position:absolute;
	left:50%;
	background:#EFEFEF;
	padding:10px 0;
	border-radius:0 0 10px 10px;
	margin-left:-92px;
}

header .pc .menu .list.mbr li a{
	display:block;
	padding:13px 20px;
	line-height:1em;
	white-space:nowrap;
	min-width:9em;
	transition:0.2s;
}

header .pc .menu .list.mbr li a:hover{
	background:#FFFFFF;
}

header .menu .log,
header.logined .menu .not{
	display:none;
}

header.logined .menu .log{
	display:block;
}

/*@media only screen and (max-width:1100px){
    header .logo{
        max-width:190px;
    }
	
    header .pc .list{
        margin-right:40px;
    }

    header .pc .list:nth-last-child(-n+4){
        margin-right:20px;
    }
}*/

/*AREA-----------------------------------------*/
.area{
	margin:3em 0;
	display:flex;
}

.area li{
	position:relative;
	padding-right:27px;
}

.area li:after{
	content:"";
	position:absolute;
	top:50%;
	right:11px;
	width:4px;
	height:4px;
	border-style:solid;
	border-color:#9FA0A0;
	border-width:2px 2px 0 0;
	transform:rotate(45deg);
	margin-top:-3px;
}

.area li:last-child:after{
	display:none;
}

.area li:first-child{
	position:relative;
	padding-left:20px;
}

.area li:first-child:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:6px;
	height:6px;
	background:#B28247;
	border-radius:50%;
	margin-top:-3px;
}

.area a{
	color:#9FA0A0;
}

/*TABLE-----------------------------------------*/
.table{
    display:table;
}

.tr{
    display:table-row;
}

.td{
    display:table-cell;
}

/*PAGE_NUMBER-----------------------------------------*/
.page_number{
	font-family:Arial;
	color:#9FA0A0;
	text-align:center;
	padding-top:50px;
}

.page_number ul{
	display:inline-block;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
}

.page_number li{
	display:inline-block;
}

.page_number li select{
	cursor:pointer;
	padding:0 5px;
}

.page_number li.page_select{
	padding:0 20px 0 10px;
	position:relative;
}

.page_number li.page_select .select_box{
	display:inline-block;
	position:relative;
}

.page_number li.page_select .select_box:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	border-style:solid;
	border-width:6px 3px 0 3px;
	border-color:#9FA0A0 transparent transparent transparent;
	transform:translateX(-50%);
	margin-left:1px;
	transition:0.2s;
}

.page_number a{
	display:inline-block;
	width:40px;
	height:40px;
	background:#EFEFEF;
	vertical-align:middle;
	position:relative;
	border-radius:50%;
	transition:0.2s;
}

.page_number a:hover{
	background:#05822e;
}

.page_number li a:after{
	content:"";
	position:absolute;
	top:50%;
	border-style:solid;
	border-color:#05822e;
	border-width:0 2px 2px 0;
	padding:4px;
	margin-top:-5px;
}

.page_number li a:hover:after{
	border-color:#FFFFFF;
}

.page_number li.page_prev a:after{
	right:13px;
	transform:rotate(135deg);
}

.page_number li.page_next a:after{
	left:13px;
	transform:rotate(-45deg);
}

.page_number li select{
	border:none;
	font-family:Arial;
	font-size:24px;
	color:#9FA0A0;
	font-weight:500;
	border-radius:5px;
	background:none;
	margin-bottom:5px;
	text-align-last:center;
	transition:0.2s;
}

.page_number li .select_box:hover select{
	color:#05822e;
}

/*PAGETOP-----------------------------------------*/
body a.pagetop{
	display:block;
	width:55px;
	height:55px;
	border-radius:50%;
	z-index:500;
	background:#898383;
	opacity:1;
	position:relative;
	transition:opacity 0.2s;
}

body a.pagetop:hover{
	opacity:0.9 !important;
}

body a.pagetop:after{
	content:"";
	border:solid #FFFFFF;
	border-width:0px 2px 2px 0px;
	padding:4px;
	display:inline-block;
	position:absolute;
	top:20px;
	left:50%;
	transform:rotate(-135deg) translate(-50%,-50%);
	transform-origin:left top;
}

body a.pagetop:before{
	content:"TOP";
	position:absolute;
	left:0;
	bottom:15px;
	width:100%;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}

/*FOOTER-----------------------------------------*/
footer{
	background-image:linear-gradient(to right, #FFFFFF 50%,#FFFFFF 50%);
	background-repeat:no-repeat;
	background-position:top center;
	border-bottom:#FFFFFF 16px solid;
}

footer ul{
}

footer li{
	display:flex;
	align-content:center;
	flex-wrap:wrap;
}

footer li div{
	width:100%;
	margin-top:0.5em;
}

footer .logo{
	font-family:"Oswald", sans-serif;
	color:#DAAA56;
	/*background:#17315C url("../images/footer_img.png") top right -1px no-repeat;*/
	padding-right:93px;
	white-space:nowrap;
}

footer .logo{
	font-size:48px;
	line-height:normal;
}

footer a{
	color:#222222;
	display:flex;
	align-items:center;
	gap:10px;
	white-space:nowrap;
	margin-left:2em;
}

footer a img{
	width:40px;
	transition:0.2s;
}

footer a:hover img{
	opacity:0.8;
}

/*MOBILE----------------------------------------------------------------------------*/
@media only screen and (max-width:1000px){
    /*HOME-----------------------------------------*/

    /*HOME_S1-----------------*/
	.home .s1{
		margin-top:60px;
	}
	
    .home .s1 .out{
		display:none;
    }
	
	.home .s1 img{
		display:block;
		width:100%;
    }
	
    /*HOME_S2-----------------*/
    .home .s2{
        margin-top:0;
		padding-top:60px;
    }
	
    .home .s2 .list{
        margin-bottom:40px;
        padding-left:0;
    }
	
    .home .s2 .box{
        padding:30px;
		background:#FFFFFF;
    }
	
    .bookmark{
        top:-60px;
    }
	
	/*HOME_S2_SLIDER*/
    .home .s2 .splide{
        position:relative;
		top:0;
        width:70%;
		max-width:420px;
		margin:0 auto 90px;
    }
	
    /*.home .s2 .splide__arrow{
        top:50%;
        bottom:auto;
    }
	
    .home .s2 .splide__arrow--prev{
        left:-60px;
        margin:-20px 0 0;
    }
	
    .home .s2 .splide__arrow--next{
        right:-60px;
        margin:-20px 0 0;
    }*/
	
	/*HOME_S2_TEXT*/
    .home .s2 .top,
    .home .s2 .bm{
        padding-left:0;
    }
	
    .home .s2 .top{
        border-bottom:none;
		margin:0 -30px;
		padding:0 30px;
    }
	
    .home .s2 .top h6{
        padding-top:0;
    }
	
    .home .s2 .top p{
        padding-bottom:20px;
    }
	
    .home .s2 .type{
        margin:0;
		padding:10px 0 35px;
    }
	
	.home .s2 .bm{
		background:#F8F8F8;
		margin:0 -30px -30px;
		padding:20px 30px 30px;
    }
	
    .home .s2 .bt{
		justify-content:center;
    }
	
	/*HOME_S3-----------------*/
    .home .s3{
        padding-bottom:60px;
    }
	
    .home .s3 .box{
        background:#FFFFFF;
    }
	
    .home .s3 img{
       /* display:block;*/
		width:100%;
    }
	
    .home .s3 .text{
        width:auto;
        padding:30px;
    }
	
	/*INTRO-----------------------------------------*/
	
    /*INTRO_S1-----------------*/
    .intro .s1 .out,
	.member .s1 .out,
	.cart .s1 .out{
        padding-top:60px;
		height:230px;
    }
	
	/*INTRO_S3-----------------*/
	.intro .s3{
		padding-top:60px;
	}
	
    .intro .s3 .out{
        display:block;
    }
	
    .intro .s3 .t1{
		margin-bottom:1em;
    }
	
	/*INTRO_S4-----------------*/
    .intro .s4 ul{
        flex-wrap:nowrap;
		overflow:auto;
		padding:30px 20px 1px;
		border-radius:0;
		margin:0 -20px;
    }
	
	.intro .s4 li:last-child{
		margin-right:0;
	}
	
    .intro .s4 .scroll_img{
        display:block;
    }
	
	/*INTRO_S5-----------------*/
    .intro .s5 .box{
        padding:50px 30px;
    }
	
	/*MEMBER-----------------------------------------*/
	
	
	/*MEMBER_S1-----------------*/
	
	.intro .s1 .out,
	.member .s1 .out,
	.cart .s1 .out{
		height:200px;
	}
	
	.intro .s1 .out .text,
	.member .s1 .out .text,
	.cart .s1 .out .text{
		padding-left:1em;
	}
	
	.intro .s1 .tw,
	.member .s1 .tw,
	.cart .s1 .tw{
		font-size:22px;
		font-weight:600;
	}
	
	.intro .s1 .en,
	.member .s1 .en,
	.cart .s1 .en{
		font-size:16px;
		font-weight:600;
		margin-top:0.5em;
	}
	
	/*MEMBER_S3-----------------*/
    .member .s3{
        padding:60px 0;
    }
	
	.member .s3 .table,
	.member .s3 .tr,
	.member .s3 .td,
	.cart .s3 .table,
	.cart .s3 .tr,
	.cart .s3 .td{
		display:block;
	}
	
	.member .s3 .td:first-child,
	.cart .s3 .td:first-child{
		width:auto !important;
	}
	
	.member .s3 .step,
	.cart .s3 .step{
		background:#05822e;
	}
	
	.member .s3 .step li,
	.cart .s3 .step li{
		display:none;
    }
	
    .member .s3 .step li.active,
	.cart .s3 .step li.active{
		display:block;
		text-align:left;
    }
	
	.cart .s3 .step li.active span{
		display:inline;
	}
	
	/*MEMBER_S3_SIGNIN*/
    .member .s3 .ps{
        display:block;
    }
	
    .member .s3 .ps ul{
        margin:1em 0 0 1.2em;
    }
	
	/*MEMBER_S3_TAB*/
    .member .s3 .tab img{
		display:none;
    }
	
	/*MEMBER_S3_ORDER*/
    .order .s3 .table{
		max-width:none;
		width:calc(100% - 40px);
    }
	
	.order .s3 .table .tr:first-child{
		display:none;
	}
	
    .order .s3 .td{
        text-align:left;
		border-bottom:#FFFFFF 1px solid;
    }
	
    .order .s3 .tr:hover .td{
        background:#FFFFFF;
        border-bottom:#FFFFFF 1px solid;
    }
	
    .order .s3 .tr .td:first-child{
		color:#FFFFFF;
        text-align:left;
		background:#05822e;
		border-bottom:none;
		transition:0s;
    }
	
	.order .s3 .tr .td:first-child:before{
		content:"訂單編號";
		display:block;
		margin-bottom:1em;
		color:#FFFFFF;
	}
	
	.order .s3 .tr .td:before{
		display:block;
		margin-bottom:1em;
		color:#898989;
	}
	
	.order .s3 .tr{
		position:relative;
		display:flex;
		flex-wrap:wrap;
		margin-bottom:1.5em;
	}
	
	.order .s3 .tr:after{
		content:"";
		position:absolute;
		top:27px;
		right:15px;
		z-index:1;
		width:30px;
		height:30px;
		background:#99B1C6;
		border-radius:50%;
		transition:0.2s;
	}
	
	.order .s3 .tr:hover:after{
		right:10px;
	}
	
	.order .s3 .tr:before{
		content:"";
		position:absolute;
		top:37px;
		right:26px;
		z-index:2;
		width:8px;
		height:8px;
		border-style:solid;
		border-color:#FFFFFF;
		border-width:2px 2px 0 0;
		transform:rotate(45deg);
		transition:0.2s;
	}
	
	.order .s3 .tr:hover:before{
		right:21px;
	}
	
	.order .s3 .tr .td:first-child{
		width:100% !important;
	}
	
	.order .s3 .tr .td:nth-child(2):before{
		content:"訂單日期";
	}
	
	.order .s3 .tr .td:nth-child(3):before{
		content:"訂單金額";
	}
	
	.order .s3 .tr .td:last-child:before{
		content:"訂單狀態";
	}
	
	/*MEMBER_S3_ORDER2*/
	.order2 .s3 .tr .td:nth-child(4):before{
		content:"回饋金額";
	}
	
    .order .s3 .find{
		max-width:295px;
		flex-wrap:wrap;
		justify-content:center;
    }
	
	.order .s3 .find li{
		margin-bottom:10px;
	}
	
	.order .s3 .find li:nth-child(1),
	.order .s3 .find li:nth-child(3){
		width:43%;
	}
	
    .order .s3 .find input[type="text"]{
        width:100%;
		box-sizing:border-box;
    }
	
	.order .s3 .find .cash{
		width:100%;
		margin:10px 0 0;
	}
	
	/*MEMBER_S3_ORDER_IN*/
    .order_in .s3 .box,
	.cart .s3 .box{
        padding:0 20px 60px;
    }
	
    .order_in .s3 .top,
	.cart .s3 .top{
        margin:0 -20px;
    }
	
    .order_in .s3 .list{
        display:block;
    }
	
    .order_in .s3 .list li{
        border-right:none;
        padding-right:0;
        margin:0 0 1em;
    }
	
	.order_in .s3 .list li:last-child{
		margin:0;
	}
	
    .order_in .s3 .item .tr:first-child,
	.cart .s3 .item .tr:first-child{
		display:none;
    }
	
	.order_in .s3 .item .tr,
	.cart .s3 .item .tr{
		border-bottom:#DADADA 1px solid;
	}
	
    .order_in .s3 .item .td,
	.cart .s3 .item .td{
        border-bottom:none;
		text-align:left;
    }
	
	.order_in .s3 .item .td:first-child,
	.cart .s3 .item .td:first-child{
		height:auto !important;
		min-height:75px;
    }
	
	.order_in .s3 .item .td:nth-child(2),
	.cart .s3 .item .td:nth-child(2){
		padding:0;
    }
	
	.order_in .s3 .item .td:nth-child(2):before,
	.cart .s3 .item .td:nth-child(2):before{
		content:"售價: ";
    }
	
	.order2_in .s3 .item .td:nth-child(3):before{
		content:"回饋金額: ";
    }
	
	.order2_in .s3 .item .td:nth-child(3){
		padding-bottom:0;
    }
	
	.order_in .s3 .item .td:last-child:before{
		content:"x";
    }
	
    .order_in .s3 .info{
		display:table;
    }
	
	.order_in .s3 .info .tr{
		display:table-row;
	}
	
	.order_in .s3 .info .td{
		display:table-cell;
	}
	
    /*MEMBER_S3_PROFIT*/
	
	.profit .s3 p.link{
		max-width:calc(100% - 40px);
	}
	
    .profit .s3 .title{
        max-width:calc(100% - 55px);
    }
	
	.profit .s3 .tr .td:nth-child(1){
		line-height:1.5em;
	}
	
	.profit .s3 .tr .td:nth-child(1):before{
		content:"商品";
		margin-bottom:0.5em;
	}
	
	.profit .s3 .tr .td:nth-child(2):before{
		content:"售價";
	}
	
	.profit .s3 .tr .td:nth-child(3):before{
		content:"經銷價";
	}
	
	.profit .s3 .tr .td:nth-child(4):before{
		content:"回饋金額";
	}
	
	.profit .s3 .tr:before,
	.profit .s3 .tr:after{
		display:none;
	}
	
	/*CART-----------------------------------------*/
	
	/*CART_S3-----------------*/
    .cart .s3{
        padding-top:60px;
    }
	
    .cart .s3 .out{
        display:block;
    }
	
	/*CART_S3_LEFT*/
    .cart .s3 .handle-counter{
        justify-content:flex-start;
    }
	
    .cart .s3 .item{
        margin-top:30px;
    }
	
	.cart .s3 .item .tr{
		position:relative;
	}
	
	.cart .s3 .item .td:first-child{
		max-width:none;
		padding-right:50px;
	}
	
	.cart.step3 .s3 .item .td:first-child{
		padding-right:0;
	}
	
	.cart .s3 .item .del{
		position:absolute;
		top:0;
		right:0;
		min-width:0;
	}
	
	/*CART_S3_RIGHT*/
	.cart .s3 .right{
		position:static;
		width:100%;
		max-width:500px;
		min-width:0;
		margin:40px auto 0;
	}
	.cart .s3 .right .txt_br{
		display:none;
	}
	
	/*COMMON--------------------------------------------------------------------*/
	
	/*HEADER-----------------------------------------*/
    header{
        left:0;
        right:0;
        box-shadow:0px 2px 2px rgba(0,0,0,0.1);
        border-radius:0;
    }
	
    header .out{
		display:block;
		height:60px;
		padding:0 20px;
    }
	
    header .logo,
	header.active .logo{
        position:absolute;
        top:50%;
        left:20px;
		max-width:130px;
        transform:translateY(-50%);
    }
	
	header .pc{
		display:none;
	}
	
	/*HEADER_MB_BUTTON-----------------*/
    header .mb_bt,
    header .mb{
        display:block;
    }
	
	header .mb_bt{
		position:absolute;
		top:50%;
		right:20px;
		width:40px;
		height:40px;
		margin-top:-20px;
		text-align:left;
		cursor:pointer;
	}
	
	header .mb_bt span{
		height:2px;
		width:30px;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		margin:auto;
		background:#24527C;
		transition:0.3s;
		display:block;
	}
	
	header .mb_bt span:before,
	header .mb_bt span:after{
		content:"";
		height:2px;
		position:absolute;
		right:0;
		background:#24527C;
		transition:0.3s;
	}
	
	header .mb_bt span:before{
		top:-8px;
		width:40px;
	}
	
	header .mb_bt span:after{
		top:8px;
		width:20px;
	}
	
	header .mb_bt:hover span,
	header .mb_bt:hover span:before,
	header .mb_bt:hover span:after{
		width:40px;
	}
	
	header .mb_bt.active span:before{
		width:40px;
		top:0;
		transform:rotate(45deg);
	}
	
	header .mb_bt.active span:after{
		width:40px;
		top:0;
		transform:rotate(-45deg);
	}
	
	header .mb_bt.active:hover span{
		transform:rotate(-90deg);
	}
	
	header .mb_bt.active span{
		background:none;
	}
	
	/*HEADER_MENU-----------------*/
	header .mb{
		position:fixed;
		top:60px;
		bottom:0;
		left:0;
		width:100%;
		overflow-y:auto;
		background:#EFEFEF;
		transform:translateX(100%);
		transition:0.3s ease-in-out;
		-webkit-overflow-scrolling:touch;
	}
	
	header .mb.active{
		transform:translateX(0);
	}
	
	header .mb .menu{
		padding:40px 40px 100px;
	}
	
	header .mb .menu .list > a,
	header .mb .menu .list div{
		display:block;
		font-size:20px;
		color:#222222;
		padding:1.2em 0 !important;
		position:relative;
		cursor:pointer;
		transition:0.2s;
	}
	
	header .mb .menu .list > a:before,
	header .mb .menu .list div:before{
		content:"";
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		height:1px;
		background:#FFFFFF;
		border-top:#BBBBBB 1px solid;
	}
	
	header .mb .menu .list > a:hover,
	header .mb .menu .list div:hover{
		color:#038c30;
	}
	
	header .mb .menu .list div:after{
		content:"";
		position:absolute;
		top:50%;
		right:0;
		border-style:solid;
		border-width:8px 4px 0 4px;
		border-color:#2A567F transparent transparent transparent;
		margin-top:-4px;
	}
	
	header .mb .menu .list div.active:after{
        border-width:0 4px 8px 4px;
        border-color:transparent transparent #2A567F transparent;
	}
	
	header .mb .menu .list ul{
		display:none;
		padding-top:20px;
    }
	
    header .mb .menu .list li a{
        display:block;
		font-size:18px;
        padding:0.5em 1em;
        color:#222222;
        transition:0.2s;
    }
	
	header .mb .menu .list li a:hover{
		color:#038c30;
		padding:0.5em 1em 0.5em 1.5em;
    }
	
    header .mb .list > a,
    header .mb .list div{
        background-size:auto 37px;
        background-repeat:no-repeat;
		background-position:left 4em center;
        transition:0.2s;
    }
	
	header .mb .list.not > a{
		background-position:left 4em center;
    }
	
    header .list.car{
        display:block;
		position:absolute;
		top:12px;
		right:80px;
    }
	
    header .list.car > a{
        display:block;
		font-size:0;
        cursor:pointer;
		height:37px;
		background-size: auto 37px;
    }
	
    header .mb .list.car{
		display:none;
    }
	
    /*AREA-----------------------------------------*/
    .area{
        display:none;
    }
	
    /*FOOTER-----------------------------------------*/
    footer{
        background:#FFFFFF;
        border-bottom:none;
		padding:20px 0 30px;
    }
	
	footer .out{
		max-width:640px;
	}
	
    footer ul{
        display:block;
    }
	
    footer li{
        height:auto;
        display:block;
    }
	
    footer .logo{
		font-size:36px;
        color:#049a95;
        background:#FFFFFF;
        padding:0 0 20px;
    }
	
    footer a{
		}
}