﻿.wrapper,
.down{
	width:1170px;
	padding:0px 15px;
	margin:0px auto;}
.bigwrapper{
	justify-content: center; 
	align-items: center;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bar{
	max-width: 100%;
	margin-top: 20px;
}
.percent{
	color: white;
    background: #4caf50;
    padding: 0px;
}
.page{
	width:1170px;
	padding:0px 15px;
	margin:30px auto 0;}
#page{
	display:flex;
	justify-content: space-between;
}
.pro_page{
	width:1170px;
	padding:0px 0px;
	margin:30px auto 0;}
    .container {
      padding: 5px 0;
      width: 100%;
    }

    .bigrow {
      display: flex;
      margin-bottom: 15px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      /* border-bottom: 1px dotted rgb(100, 100, 100 */
    }
	.box_ {
	position: fixed;
		width: 500px;
		height: auto;
		z-index: 1001;
		display: none;
		background-color: white;
		/* 這裡要注意絕對定位的盒子怎麼在螢幕顯示居中 */
		left: 36%;
		top: 30%;
		/* border: 1px solid gray; */
		padding: 10px 20px;
		opacity: 1;
		box-shadow:0 0 10px 0 rgb(75 74 74 / 35%);
		border-radius: 10px;
	}
	
	/* 登入標題 */
	.box-title {
		width: 100%;
		height: 24px;
		line-height: 35px;
		text-align: left;
		font-size:20px;
		font-weight:bold;
		margin-top: 10px;
	}
	
	.box-title span a {
		text-decoration: none;
		/* border: 1px solid gray; */
		font-size: 15px;
		color: black;
		border-radius: 20px;
		width: 20px;
		height: 20px;
		background-color: #fff;
		position: absolute;
		top: 0px;
		right: 3px;
		font-weight: bolder;
	}
	
	.bg {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, .8);
		opacity: 0.8;
		transition: .6s;
		pointer-events: none;
		z-index: 1000;
		display: none;
	}
    .messagebox {
      width: 50%;
      display: flex;
      margin: 5px 0;
      height: 185px;
    }
	#messagebox01{
		width: 100%;
		height: auto;
	}
	.messagebox01a{
		font-size: 15px;
		color: #6c6b6b;
	}
	.messagebox01a p{
		font-size: 13px; /* 14px->13px 2022.08.12 */
		margin-bottom:6px; /* 0px->6px 2022.08.12 */
	}
	.mass_acc{ /* 2022.08.12 新增 */
		font-size: 16px !important;
		max-width: 120px;
		word-break: break-all;
		margin-bottom: 7px;
		height: 32px;
	}

    .mass_pic {
      display: block;
      height: 0;
      margin-right: 5px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      padding-bottom: 37%; /* 28%->37% 2022.08.12 */
      min-width: 37%; /* 2022.08.12 新增 */
    }

    .mass_pic img {
      width: 100%;
      height: auto;
    }

    .media-meta li {
      display: inline;
      font-size: .85em;
      color: #999;
	  margin-left: 10px;
    }
	.info_meta{
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #eeeeee;
		position: relative;
	}
	.meta{
	  display: inline;
      font-size: .85em;
      color: #999;
	  margin-left: 5px;
	}
	
	.meta_name{
		font-size: .95em;
		margin-left: 5px;
	}

    .message {
      position: relative;
	  padding: 5px;
    }

    .message span {
      vertical-align: inherit;
    }
    .message a.message_A{
		color: rgb(109 109 109);
	}
	
    .edit2 {
      font-size: 14px;
      line-height: 2;
      overflow: hidden;
      font-style: italic;
    }
	.edit2-c{
		font-style: normal;
		color:gray;
	}
	.edit3 {
		font-size: 13px;
		line-height: 2;
		overflow: hidden;
		margin-top: 15px;
	}
	.edit4 {
		font-size: 14px;
		line-height: 2;
		overflow: hidden;
		padding:5px 30px;
	}
	.space{
		margin-bottom:10px;
	}

    .message_A {
      padding: 5px;
      text-align: right;
      border: 1px solid rgb(194 194 194);
      position: absolute;
      right: 0;
      font-size: 14px;
    }
.mem_page{
	width:1170px;
	padding:0px 0px;
	margin:30px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;
	justify-content:space-between;}
.membox{
	display:flex;
	padding:5px;
	width:100%;
}
.mem_left {
	width:45%;
}
.mem_right {
	padding: 5px;
	margin: 5px;
	margin-left: 15px;
	width: 55%;
}

.p_title{
	font-size: 20px;
	font-weight: bold;
}
.search_box {
	padding: 25px 15px;
    background: url(../images/bg-search-widgit.png);
    top: 230px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 40%;
}
.btn_more {
	padding: 25px 15px;
    bottom: 5%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 10%;
}
.btn_more a{
    display: block;
    height: 35px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 1px;
    padding: 5px;
    width: 100%;
    color: #fff;
    background: #ff5d0f;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.row{
	margin:15px auto;
	/* display: flex; */
	align-items: center;
	overflow-x:auto;
}
.boxx {
    background-color: rgb(140 139 139);
    border-color: #e6e6e6;
    display: block;
    padding: 5px;
    width: 45px;
    height: 42px;
    line-height: 34px;
}
.search{
	/* background:url(../images/seach.png); */
	background-position:center;
	background-repeat:no-repeat;
	background-size: contain;
	color: transparent;
    width: 50px;
    height: 50px;
}
a.search_box_choose:hover{
	color:rgb(194, 190, 190);
}
.serch img{
	width:15%
}
.search_box_choose{
	background-color: #ffffff;
	padding: 5px;
	margin:0 auto;
	border-radius: 6px;
}
.chosen{
	color:white;
	background-color: #ff5d0f;
}
.li_u{
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 0!important;
    font-weight: normal!important;
}
.li_u .checkbox_box01 label{
    margin: 0 auto;
    margin-top: 5px;
}

.mem_center{
    width: calc( 100% - 4px );
    max-width: 500px;}
.mem_center .login_box02{
	max-width:none;
	width:100%;}

.pro_box06{
	width:100%;
	padding:0px 15px;
	display:block;}
.cart_page{
	/*font-family:"微軟正黑體";*/
	width:1170px;
	padding:0px 15px;
	margin:30px auto 0;}
.header_h{
	display:block;
	height:60px;
}
header.header{
	width:100%;
	background:#ffffff;/*20%*/
	position:fixed;
	left:0;
	top:0;
	z-index:1000;
	box-shadow: 0 0 6px 0 rgb(75 74 74 / 52%);
}
.bell-alert{
		position: absolute;
		background: #ff5d0f;
		color: #fff;
		font-size: 12px;
		height: 16px;
		width: auto;
		line-height: 15.5px;
		letter-spacing:0.5px;
		text-align: left;
		padding:1px;
		padding-right: 3px;
		vertical-align: middle;
		top: -10px;
		text-indent: 3px;
		right: -11px;
}
.bell-alert2{
	margin-right: 5px;
	
}
.top{
    width: 1170px;
	margin:0px auto;
	padding: 0px 15px 0px 10px;
	position:relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:space-between;
	top:0;
}
.top img{
	height:30px;
	width:auto;}
.top a{
	display:block;
	line-height:1;
	font-size:16px;
	font-weight:500;
    letter-spacing: .15em;
	margin:0px 0px 0px 20px;}
.down2{
    width: 1170px;
	margin:0px auto;
	padding:6px 15px 6px 15px;
	position:relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:space-between;}
.down2 a{
	display:block;
	line-height:1;
	font-size:14px;
	font-weight:500;
    letter-spacing: .15em;
	margin:0px 0px 0px 20px;
	color:white;
}
.top a.nav_social{
	font-size:23px;}
.top a.logo{
	display: block;
    width: 247px;
    padding: 0px;
	/* margin:0; */
    line-height: normal;
    height: 60px;
    color: #5c5b5b;
    overflow: hidden;
    /* text-indent: -999999px; */
    background-image: url(../images/logo.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
	/* filter: hue-rotate(50deg) saturate(6.5); */
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */
}
.top a.logo:hover{
	opacity:0.7
}
.top a.logo p{
    text-align: center;
    position: absolute;
    top: 10px;
    /* left: 80px; */ /* 2022.08.09 不使用*/
    letter-spacing: 0.3px;
    /* font-size: 20px; */ /* 2022.08.09 不使用*/
    font-weight: bold;
    margin-bottom: 0;
}
.top a.logo p span{
	color:#ff5505;
    font-weight: bold;
	}
	.choose_login2 {
		position: relative;
        margin: 5px 0px 5px 0px;
	}
	.choose_login2.active5 .choose_item2 {
		display: block;
	}
	.choose_login2 .choose_item2 {
		display: none;
	}

	.choose_login {
		position: relative;
        margin: 5px 0px 5px 0px;
	}
	.choose_login.active .choose_item {
		display: block;
	}
	.choose_login .choose_item {
		display: none;
	}
	.choose_item,.choose_item2 {
		position: absolute;
		background-color: #ffffff;
		border: 1px solid #e4e4e4;
		/* padding: 5px; */ /* 2022.08.08 取消使用*/
		width: 203px; /* 185px 2022.06.20 */
		z-index: 9;
		/* top:25px; */
		left: -45px;
	}
	.choose_item  a{
		font-size:15px;
	}
	.choose_item .li{
		margin: 0;
		padding: 10px 5px; /* 10px -> 10px 5px; 2022.08.08 */
		font-size:15px;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.choose_item .li2,.choose_item2 .li2{
		margin: 0;
		padding: 7px 0px; /* 5px -> 7px 0px 2022.08.08 */
		font-size: 15px;
		/*margin-bottom:5px;*/ /* 2022.08.08 取消使用*/
		border-bottom: 1px #585e6124 solid; /* 2022.08.08 新增*/
	}

.top a.user{
	width: 23px;
    height: 23px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background-image:url('../images/member.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;}
.top a.user:hover{
	/* background-image:url(''); */
	opacity: 0.8;
}
.top a.logout{
	width: 29.53px;
    height: 23px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background-image:url();
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;}
.top a.logout:hover{
    background-image: url();}
.menu{
	display:none;}
.top a.cart{
	width: 24px;
    height: 20px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background-image:url();
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;}
.top a.cart:hover{
    background-image: url();}
	
.logo_title { 
	font-size : 18px;
	line-height : 2.2;
	left : 80px;
}

.top a.logo p.logo_title {
	/* letter-spacing: 14px;
    margin-left: 15px; */
	letter-spacing: 0px;
    margin-left: -10px;
    font-size: 20px;
}
    
.logo_subtitle {
	font-size : 14px;
	line-height : 5.7;
	color : #ff5d0ff2;
	left: 80px;
}

.logo_subtitle > d { 
	color : #000;
}
	
	
.m_close{
	font-size:30px;
	color: #000000;
	display:block;
	cursor:pointer;
    margin-left: 20px;
    margin-right: 11px;
}

.m_close:hover{
	color:#222222;
}
.mobile_box01{
	padding:0px 15px;
	margin-top:20px;
}

.swiper-container {
	width: 100%;}
	.swiper-m{
		display:none;
	}
.swiper-slide {}
.swiper_p01{
	height:670px;
	padding:0px;
	position: relative;
	display:block;
	width:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;
}
.swiper_p01:before,.swiper_p02::before {
    content: '';
    background: transparent url(../images/123.png) repeat top left;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}
.swiper_p02{
	display:block;
	width:100%;
	padding-bottom: 100%;
	padding-bottom: 150%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height: 600px;
	position: relative;
}
.swiper_p03{
	display:block;
	width:100%;
	padding-bottom: 65%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;}
.swiper_p04 {
    position: relative;
    margin-bottom: 2em;
    padding: 1em;
    border-bottom: 1px solid rgba(0,0,0,.07);
    background: #f3f3f3;
    border: 1px solid rgba(0,0,0,.07);
    overflow: visible;
    color: #707070;
    height:85%;
	text-align: justify;
}
/* .swiper_p04::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #8e8e8e05;
    border-bottom: 0;
    bottom: -15px;
    left: 22px;
    border-top-color: #f3f3f3;
    border-width: 15px;
} */
.swiper_p05 {
    position: relative;
    margin-bottom: 2em;
    padding: 1em;
    border-bottom: 1px solid rgba(0,0,0,.07);
    background: #f3f3f3;
    border: 1px solid rgba(0,0,0,.07);
    overflow: visible;
    color: #707070;
    height:100%;
	text-align: justify;
	width:100%;
}
/* .swiper_p04::before{
    bottom: -16px;
    left: 21px;
    border-top-color: #ccc;
    border-width: 16px;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
} */
.btn_box01{}
.btn_box01 a{
	display:block;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;}
.btn_box02{
	font-size:16px;
	display:block;
    padding: 20px 0 0;
    margin: 20px 0;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid rgba(0,0,0,0.1)}
.btn_box02 a{
	display:block;
	font-weight:bold;
	margin-bottom:20px;}
.btn_box02 a img{
	height:18px;
	width:auto;
	margin-right:1em;}
.social_box01{}
.social_t01{
	font-size:16px;
	color:#74b88d;
	margin-bottom:20px;}
.social_b02{}
.social_b02 a{
	display:inline-block;
	font-size:30px;
	margin-right:20px;}
nav.nav{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:flex-end;}
nav.nav2{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:flex-end;}
	.down2 a img{
	width:10%;
}
nav.m_nav{
	display:none;}
a.ad_box01{
	width:450px;
	height:150px;
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
	position:absolute;
	left:40px;
	bottom:40px;
	z-index:100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:center;}
.ad_box01a{
	width:150px;
	height:100%;
	background-color:#299BE3;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100px;}
.ad_box01b{
	padding:20px;
	position:relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.ad_box01b time{
	display:block;
	color:#B5B5B6;
	font-size:15px;}
.ad_box01b h2{
	display:block;
	margin-top:10px;
	font-size:18px;
	color:#BDE9C9;
	font-weight:bold;
	line-height:1.5;
	overflow: hidden;
    height: calc( 18px * 1.5 * 3 );}
.ad_box01b time span{
	display:inline-block;
	vertical-align:middle;
	background:#BDE9C9;
	color:#fff;
	margin-left:0.5em;
	line-height:1.9;
	font-size:13px;
	padding:0px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
.ad_b01 {
	font-size:16px;
	color:#299BE3;
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
	right:20px;
	bottom:20px;}
.ad_t01{
	width:550px;
	text-align:center;
	border-bottom:8px dotted #fff;
	color:#fff;
	font-size:40px;
	letter-spacing:0.15em;
	font-weight:bold;
	position:absolute;
	right:40px;
	z-index:100;
	bottom:100px;}
.bg01{
	background-image:url();
	background-position:right bottom;
	background-repeat:no-repeat;
	background-color:#299be3;
	background-size:500px;}
#_box02{
	margin: 0;
}
.share_btn{
	margin-top: 10px;
    border-top: 1px solid #eae8e8;
}
.share_btn a{
	font-size: 25px;
	margin-left:12px;
}

.in_product2{
	margin: 0px 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}
.background{
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}
/* 登入主體 */
.login {
	position: absolute;
	width: 512px;
	height: 350px;
	z-index: 100;
	display: none;
	background-color: white;
	/* 這裡要注意絕對定位的盒子怎麼在螢幕顯示居中 */
	left: 50%;
	margin-left: -256px;
	margin-top: 0px;
	border: 1px solid gray;
	padding: 10px 30px;
}

/* 登入標題 */
.login-title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 20px;
}

.login-title span a {
	text-decoration: none;
	border: 1px solid gray;
	font-size: 12px;
	color: black;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	background-color: #fff;
	position: absolute;
	top: -20px;
	right: -20px;
}

/* 遮蓋層 */
.bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	opacity: 0.8;
	transition: .6s;
	pointer-events: none;
	z-index: 50;
	display: none;
}
.btn_add3 {
	position: relative;
	top: 0;
	right: 0;
	z-index: 0;
	padding-bottom: 0;
	width: 100%;
	height: 0;
  }
  .paycart {
	background-color: #ff5d0f;
	position: absolute;
	right: 3px;
	bottom: 2px;
	border-radius: 3px;
	padding: 2px;
  }
  .addcart{
	width: 30px;
    height: 35px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background-image:url('../images/add-to-cart.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.btn_add {
	position: relative;
	top: 45px;
	right: 5px;
	z-index: 8;
	padding-bottom: 0;
	width: 100%;
	height: 0;
}

.btn_add2 {
	position: relative;
	top: 76px;
	right: 5px;
	z-index: 8;
	padding-bottom: 0;
	width: 100%;
	height: 0;
	opacity: 0;
}
.btn_add4 {
	position: relative;
	top: 52px;
	right: 0;
	z-index: 8;
	padding-bottom: 0;
	width: 100%;
	height: 0;
}
.btn_add5{
	top: 85px;
}

  .heartcart {
	background-color: #f0f0f030;
    position: absolute;
    right: 6px;
    bottom: 8px;
    border-radius: 5px;
    padding: 2px;
    width: 30px;
    height: 30px;
    border: 1px solid #ffffffb8;

  }
  .piccart {
	background-color: #fafafad4;
    position: absolute;
    right: 6px;
    bottom: 12px;
    padding: 5px 7px;
    font-size: 14px;
	padding: 2px 3px;
    font-size: 13px;
  }
  .ribbon-stitches-top,
  .ribbon-stitches-top2,
  .ribbon-stitches-top3{
	  
    display: inline; /*暫時加上*/
	padding-top: 2px;
	margin-top: 5px;
    border-top: 1px dashed rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 50%);
    box-shadow: 0 0 2px rgb(255 255 255 / 50%);
    background: -webkit-linear-gradient(top,#ff9661,#d14b0c);
}
.ribbon-stitches-bottom,
.ribbon-stitches-bottom2,
.ribbon-stitches-bottom3{
	 display: inline; /*暫時加上*/
     background: -webkit-linear-gradient(top,#ff9661,#d14b0c);padding-bottom: 2px;
    border-top: 1px dashed rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 30%);
    box-shadow: 0 0 2px rgb(255 255 255 / 30%);
}
  /* .piccart2 {
	background: -webkit-linear-gradient(top,#ff9661,#d14b0c);
	transform: translateX(0%);
	background-color: #fafafad4;
    position: absolute;
    left: 6px;
    bottom: 8px;
    padding: 5px 7px;
    font-size: 14px;
} */
.piccart2,.piccart2_p,.piccart2_i {
	background: #ff9661;
    background: -webkit-linear-gradient(top,#ff9661,#d14b0c);
    transform: translateX(0%);
    background-color: #fafafad4;
    position: relative;
    /* left: 6px; */
    /* bottom: 8px; */
    /* padding: 0px 23px; */
    font-size: 14px;
    z-index: 20;
    /* width: 84%; */
}
.piccart2_i2{
	position: relative;
    left: -90px;
    width: 100px;
    text-align: right;
    z-index: 100;
    background: #ff9661;
    background: -webkit-gradient(linear,left top,left bottom,from(#ff9661),to(#d14b0c));
    background: -webkit-linear-gradient(top,#ff9661,#d14b0c);
    background: -moz-linear-gradient(top,#ff9661,#d14b0c);
    background: -ms-linear-gradient(top,#ff9661,#d14b0c);
    background: -o-linear-gradient(top,#ff9661,#d14b0c);
    background-image: -ms-linear-gradient(top,#ff9661 0,#d14b0c 100%);
    -webkit-box-shadow: rgb(0 0 0 / 30%) 0 1px 1px;
    -moz-box-shadow: rgba(000,000,000,.3) 0 1px 1px;
    box-shadow: rgb(0 0 0 / 30%) 0 1px 1px;
    margin-bottom: 1em;
    -webkit-transition: margin-left .7s ease;
    -moz-transition: margin-left .7s ease;
    -o-transition: margin-left .7s ease;
    -ms-transition: margin-left .7s ease;
    transition: margin-left .7s ease;

}
.piccart2 p,
.piccart2_p p,
.piccart2_i p,
.piccart2_i2 p,
.piccart2 .pcp{
		background: -webkit-linear-gradient(top,#ff9661,#d14b0c);
		text-align: left;
		/* margin-left: 10px; */
		margin-top: 9px;
		padding: 3px 5px;
	    width: fit-content;
	    border: 1px dashed rgba(0,0,0,.2);
}
.piccart2:hover p,
.piccart2_p:hover p,
.piccart2_i:hover p,
.piccart2_i2:hover p,
.piccart2:hover .pcp{
   margin-top: 0;
}
  .piccart2 p span,
  .piccart2_p p span,
  .piccart2_i p span,
  .piccart2 .pcp span{
	  overflow: hidden;
	  display: none;
	  color: #fff;
	  padding-right: 5px;
  }
  .piccart2 img,.piccart2_p img,.piccart2_i img{
	box-shadow:3px 2px 2px #91919152;
  }
  div.ri-bottom, div.ri-top{
	/* opacity: 0; */
	/* display:none; */
}
.piccart2:hover div.ribbon-stitches-bottom, .piccart2:hover div.ribbon-stitches-top,
.piccart2_i:hover div.ribbon-stitches-bottom2, .piccart2_i:hover div.ribbon-stitches-top2,
.piccart2_p:hover div.ribbon-stitches-bottom3, .piccart2_p:hover div.ribbon-stitches-top3
 {
	overflow: hidden;
	opacity: 1;
	display:block;
	transform: translateX(0%);
	width: auto;
}
  .piccart2:hover span.picc_title,
  .piccart2_p:hover span.picc_title,
  .piccart2_i:hover span.picc_title,
  .piccart2:hover span.picc_title2{
	  overflow:visible;
	  opacity: 1;
	  display: inline-block;
	  transform: translateX(5%);
	  transition:0.8s;
  }



  .addheart{
	width: 25px;
    height: 25px;

	overflow:hidden;
	display:block;
	/*
	background-image:url('../images/heart.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	*/
}
.addheart::after {
	content: "\f004";
	font-family: 'Font Awesome\ 5 Free';
}
.heart{
	/*
	background-image:url('../images/heart2.png');
	*/
}
.heart::after{
	/*
	background-image:url('../images/heart2.png');
	*/
	content: "\f004";
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	color:red;
}
.ad_box01{
	margin:35px;
	text-align:center;
}
.ad_box01 h2{
	margin-top:20px;
	font-size:24px;
	margin-bottom: 15px;
}
.ad_box01 p.ad_01,.ad_01{
	padding: 5px;
    margin-top: 10px;
    font-size: 14px;
}
.ad_01{
	margin-top:0;
	font-size:12px;
}
.ad_02{
	margin-top:0;
	font-size:12px;
	color: grey;
	text-align:left;
	padding:5px;
}
.ad_02 a{
	font-size:15px;
	color:white;
}
.ad_box01 h5{
    font-size:14px;
	color:grey;
}
a.text-cool{
	color:#ff5d0f;
}
.bg-dark {
    background: rgba(20,20,20,.4);
    padding: 30px 20px 20px;
	color:white;
	text-align: center;
	height: 200px;
}
.bg-light{
	margin: 20px;
}
.bg-light div{
	font-size: 15px;
	display: flex;
    align-items: center;
}
.bg-light div.AD_box {
	width:200px;
	margin: 0 auto;
}
.bg-light div div:first-child {
	height: 35px;
    width: 30px;
    justify-content: center;
}
.bg-light div div:first-child.label-warning {
    height: 27px;
}
.fa-check-circle{
	color:green;
	margin-right: 5px;
	font-size: 18px;
}
.fa-times-circle{
	color:red;
	margin-right: 5px;
	font-size: 18px;
}
.label-warning{
	margin-right: 5px;
	margin-left: 5px;
    font-size: 14px;
    border-radius: 0;
    background-color: #ff5d0f;
	color:white;
	padding: 0.2em 0.6em 0.3em;
}
.label-warn{
	    /* margin-right: 5px; */
		margin-left: 2px;
		font-size: 13px;
		border-radius: 0;
		background-color: #ff5d0f;
		color: white;
		/* margin-top: 5px; */
		padding: 5px 0.1em;
}
.label-warn img{
    width: 1.5% !important;;
}
.text-silver {
    color: #c0c7d8;
    font-size: 28px;
	margin-bottom: 10px;
}
.text-gold {
    color: #e6b217;
    font-size: 28px;
	margin-bottom: 10px;
}
.text-platinum {
    color: #cff;
    font-size: 28px;
	margin-bottom: 10px;
}

hr {
    border: 0;
    margin: 25px 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left,rgba(136,136,136,0),rgba(136,136,136,.75),rgba(136,136,136,0));
}
#pre_box{
	font-size: 22px;
	text-align: center;
	width:26%;
	margin:15px;
	padding:10px
}
#pre_box p{
	font-size: 15px;
    margin-top: 7px;
}
#pre_box:hover {
	box-shadow: 0 0 15px rgb(0 0 0 / 10%);
	transform: scale(1);
	transition: all 0.3s;
	margin-bottom: 10px;
	cursor: pointer;
}
#box1{
	width:85%;
	padding: 0!important;
}
.box1{
	padding: 0;
    padding-right: 1px;
    padding-left: 1px;
    margin: 0;
	width:33%;
}
.box1 h2{
	text-align: left;
	font-size:20px;
	margin-bottom: 5px;
	padding: 5px;
	padding-top: 20px;
}
.box1 {
	font-size:15px;
}
.in_box01{
	width:100%;
	margin:30px 0;
	margin-top: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:center;
    overflow: hidden;}
.in_box01 h2{
    font-size:30px;	
}
.in_box01 h3{
    font-size:20px;	
}
.in_box01a{
	width:40%;}
.in_box01b{
    overflow: hidden;
	width:60%;}
.in_box01b{
	padding:0px 0px 0px 60px;}
.in_box01a img{
	width:100%;
	height:auto;}
.in_box01b img{
	height: 50px;
    width: auto;
    vertical-align: sub;
    margin-right: 5px;}
.in_box01b h2{
	font-size: 30px;
	display:block;
	font-weight:bold;
	letter-spacing:0.15em;
	margin-bottom:20px;}
.in_box01b h2 a{
	color:#539379;}
.in_box01b h2 a:hover{
		color:#7accab}
.in_box01b p{
	font-size:15px;
	line-height:2;}
.in_box02{
	width:100%;
	margin:15px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:center;
    overflow: hidden;
	text-align: center;
}
.in_box02 h2 {
    font-size: 30px;
}
.in_box02 h2 img {
    width: 5%;
}
.in_box02a,
.in_box02b{
	margin-top:50px;
	margin-bottom:15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:space-between;}
.pro_page .in_box02a h2{
	width:100%;
	text-align:center;}
.in_box02a h2{
	text-transform:uppercase;
	display:block;
	font-size:30px;
	letter-spacing:0.15em;
	color:#505151;
	font-weight:bold;}
.in_box02a h2 img{
	height: 50px;
    width: auto;
    margin-right: 5px;
    vertical-align: sub;}
.in_box02b h2{
	text-transform:uppercase;
	display:block;
	font-size:30px;
	letter-spacing:0.15em;
	color:#3f4241;
	font-weight:bold;
	width:100%;
	/* text-align:center; */}
.in_box02b h2 img{
	height: 37.5px;
    width: auto;
    margin-right: 5px;
    vertical-align: sub;}
.desc {
    text-align: left;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.desc span {
    display: block;
    color: #777777;
    font-size: 13px;}
.cart_t02{
	margin:30px auto;
	text-transform:uppercase;
	text-align:center;
	font-size:30px;
	letter-spacing:0.15em;
	color:#539379;
	font-weight:bold;}
.cart_t02 img{
	height: 50px;

    width: auto;
    margin-right: 5px;
    vertical-align: sub;}
a.more_b01{
	display:block;
	width:150px;
	text-align:center;
	padding:1px 10px 0px 10px;
	line-height:40px;
	position:relative;
	font-size:14px;
	border:1px solid #ce2e2e;
	color:#ce2e2e;
	border-width:0px 0px 1px 1px;}
a.more_b01:before{
	content:"";
	width:1px;
	height:calc(100% - 10px);
	background:#ce2e2e;
	position:absolute;
	right:0px;
	top:0px;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
a.more_b01:after{
	content:"";
	width:calc(100% - 10px);
	height:1px;
	background:#ce2e2e;
	position:absolute;
	right:0px;
	top:0px;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
a.more_b01:hover:before{
	height:100%;
	background:#ce2e2e}
a.more_b01:hover:after{
	width:100%;
	background:#ce2e2e;}
a.more_b01:hover{
	border-color:#ce2e2e;}

.lover_count li{
	overflow: hidden;
    float: left;
    font-size: 14px;
    padding: 3px 0 0 10px;
    font-weight: bold;
    color: #303438;
}
.lover_count li .num{
	padding: 0 0 0 10px;
}
.lover_count li i{
	width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    font-style: normal;
    background: #e71f3e;
    margin: 1px;
    text-align: center;
    font-weight: 400;
}
.in_product{
	margin:0px -30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.product_list{
	width: 100%;
	margin:0px -15px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.product_list01{
	margin:0px 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	justify-content:left;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.round {
	background: #ffffff;
	/* box-shadow: 0 0 20px 0 rgb(147 142 142 / 74%); */
	padding: 30px;
	background-color: #ffffff;
	float: none;
	width: 50%;
}
.news_list{
	margin:0px -15px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.shop_list{
	margin:0px -15px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.pro_box01{
	width:50%;
	padding:0px 30px;
	display:block;}
.pro_box01:hover {
	transform: scale(0.9);
}

.pro_box02{
	width:20%;
	padding:0px 15px;
	display:block;}
.pro_box02:hover {
	opacity: 0.8;
	/* box-shadow: inset 15px 15px; */

}

  
.pro_box01a{
	display:block;
	width:100%;
	height:0px;
	overflow:hidden;
	position:relative;
	line-height:normal;
	padding-bottom:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}
.pro_box01b{
	padding:16px 0 60px 0;
	text-align: right;}
.pro_box01b a{
	color: #656672;
}
.pro_bg01{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
	
	
	
	background:#e7eae7;
	width:0%;
	height:100%;}
.pro_box01b span{}
.pro_box01b p{
	font-size: 17px;
    font-weight: bold;
    color: #CC0000;}
.pro_box01b h3{
	line-height:1.3;
	font-size: 17px;
    margin-bottom: 10px;
	font-weight:600;
	display:block;}
.price01 {
	color:#8a8a8a;
	text-decoration:line-through;
	display:inline-block;
	margin-right:0.5em;}
.in_bg01 {
	width:100%;
	padding:50px 30px;
	text-align:center;
	position:relative;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;}
.in_bg01 img{
	height:260px;
	width:auto;}
a.cart_b01{
	display:inline-block;
	overflow:hidden;
	width:24px;
	height:24px;
	vertical-align:bottom;
	text-indent:-89999px;
	background-image:url();
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;}
.down_block{
	background: rgba(44,44,44,.85);
	padding:20px 0;
	color:white;
}
.row2{
	display:flex;
	padding:5px 50px;
	margin:10px;
}
.d_left{
    width:75%;
	color:gray;
}
.d_right{}
.d_right a{
	display:block;
	height:35px;
	line-height:25px;	
	text-align:center;
	letter-spacing:1px;
	padding: 5px;
	width:100%;
	color:#fff;
	background:#ff5d0f;
	font-size:14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.footer{
	width:100%;
	padding:10px 0 0px;
	background: #222;}
.down{
	color: #000000;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:flex-end;
    -ms-flex-align:flex-end;
    align-items:flex-end;
	justify-content: space-between;}
.tag_list{
	font-size: 13px;
	width: 100%;
    margin: 30px 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: initial;
    align-items: flex-start;
    justify-content: center;}
.tag_list a{
	display: inline-block;
    color: #539379;
    padding: 9px;
    border: 1px solid #539379;
    margin: 0 7px 7px 0;}
.tag_list a:hover{
	/*! background:#fff; */
	/*! color:#539379 */}

.down_box01,
.down_box03{
	font-size:13px;
	text-align:center;}
.down_box03{
	width:100%;}
.down_box01 img,
.down_box03 img{
	width:123px;
	height:auto;
}
.down_box01a{
	line-height:1.5;
	/* margin-top:24px; */
	/* margin-bottom:23px;*/
	margin:  0 auto;
}
.down_box01a p,.down_box01a p a{
	color: white;
}
.down_box02{
	font-size:16px;
	text-align:center;
}
.social_b01{
	margin-bottom:30px;}
.down_box02 .social_b01 a{
	font-size:28px;
	color:#beded4;
	vertical-align:middle;
	display:inline-block;
	margin-left:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
.down_box02 .social_b01 a:hover{
	color:#fff;}
.down_box02 .social_b01 a.social_b01a{
	background: #945D53;
	text-transform:uppercase;
    color: #fff;
    margin-left: 0;
    font-size: 16px;
    text-align: center;
    padding: 17px 10px;
    width: 230px;
    letter-spacing: 0.1em;
	border-radius: 3px;
}
.down_box02 .social_b01 a.social_b01a:hover{
	background:#A1655A;}
.in_edit,
.edit{
	color:#656565;
	font-size:14px;
	line-height:2;
	overflow:hidden;
    text-align: justify;
	padding:5px;
}
.in_edit{
	border-left: 4px solid #b6b6b6;
	padding-left:15px;
}
.in_edit:hover{
	border-left: 5px solid #ff5d0f;
	cursor: pointer;
}
.im_title{
	margin-top:25px;
	font-size:18px;
	margin-bottom:10px;
}
.edit_info2 {
	margin: 50px auto;
	padding: 10px;
	width: 50%;
	text-align: center;
	background: rgb(253 253 251);
    box-shadow: 3px 2px 51px 0 rgb(0 0 0 / 7%);
	border-radius: 10px;
	border-left: none;
}

.edit_info2 h2 {
	font-size: 22px;
	padding: 5px;
	margin-bottom: 10px;
	color: #ff5d0f;
	border: 1px dotted;
}

.edit_info2 span {
	vertical-align: inherit;
}
.edit_info{
	border-left: 1px dotted #ff5d0f;
	padding:10px;
	margin: 5px;
	font-size:14px;
	color:gray;
}
.edit_info a{
	font-size:14px;
	color:gray;
}
.edit_info a:hover{
	font-size:15px;
	color:rgb(235, 166, 166);
}
.edit_info span{
	vertical-align: inherit;
}
.tag_edit{
	margin-bottom:50px;}
.in_edit img,
.edit img{
	max-width:100%;
	height:auto;}
.lang{
	position:absolute;
	right:0px;
	top:0px;
	z-index:1000;
	text-transform:uppercase;}
.lang_t01{
	line-height:40px;
	width:120px;
	padding:0 10px;
	cursor:pointer;
	font-size:13px;
	font-weight:normal;
	color:#fff;
	background:#74b88d;
	display:block;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content: space-between;}
.lang_t01 span{
	line-height:1;
	display:inline-block;
    margin-left: 10px;
    border-left: 1px solid #fff;
    padding-left: 10px;}
.lang_b01{
	display:none;
	width:100%;
	position:absolute;}
.top .lang_b01 a{
	line-height:40px;
	border-top:1px solid #fff;
	padding:0 10px;
	font-size:13px;
	margin:0;
	color:#fff;
	background:#74b88d;
	display:block}
.top .lang_b01 a:hover,
.top .lang_b01 a.lang_b01y{
	background:#87d5a3}
.tag_b01{
    margin-top: 10px;
	line-height:2}
.tag_b01 a{
	color:#C1E0D4;
	display:inline-block;
	margin-left:0.5em;
	font-size:13px;}
.tag_b01 a:hover{
	color:#fff;}
	#wrapper {
		width: 100%;
		overflow: hidden;
		margin:0 auto 6rem auto;
		padding-bottom: 3rem;
	}

	.right {
		float: none;
		width: 100%;
		overflow: 0 auto;
	}

	.title {
		font-size: large;
		font-weight: bolder;
		margin: 0 50px;
	}
	.divider2 {
		border-bottom:  2px dotted rgba(0,0,0,0.1);
		padding-bottom: 5px;
		font-style: unset;
		width: 100%;
		text-align: left;
		margin: 0px auto 15px;
		font-size: 25px;
		color: #91605f;
		word-break: keep-all;
	}
.page_bg{
	/* width: 1170px; */
	margin:0px auto;
	padding:50px 15px;
	padding-top: 65px;
    color: #575757;
	text-shadow:rgb(255, 255, 255) 1px 1px 0px;
	/* text-shadow: 2px 2px 2px #000; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;}
#page_bg{
	background:#f7f8f9 url(../images/123.png) repeat top left;
	color: #202020;
	text-shadow: rgb(0 0 0 / 40%) 0 4px 3px, rgb(0 0 0 / 10%) 0 8px 13px, rgb(0 0 0 / 10%) 0 18px 23px;
}
#page_bg_t{
	background-image:url(../images/18.jpg);
	color: #202020;
	text-shadow: rgb(0 0 0 / 40%) 0 4px 3px, rgb(0 0 0 / 10%) 0 8px 13px, rgb(0 0 0 / 10%) 0 18px 23px;
}
.page_bg h3{
	font-size:16px;
	text-align:center;}
.page_bg h2{
	font-size: 45px;
    position: relative;
	margin-bottom:15px;
    letter-spacing: 5px;
    line-height: 1.2;}
.page_bg h2 img{
	width: 5%;
}
.page_bg.main_page h3 {
	font-size: 28px;
}
.icon01{
	width:17%;
	text-align: center;
	text-shadow: none;
	margin:5px;
}
.icon01 p{
	margin-top: 10px;
}
.page_bg h1{
	font-size: 36px;
    position: relative;
    letter-spacing: 5px;
    line-height: 1.2;}

.cag_box01{
	width:calc( 100% - 4px );
	background:rgba(255, 255, 255, 0.3);
	margin:13px auto 54px;
    box-shadow: 3px 2px 51px 0 rgba(0,0,0,.07);
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	position: relative;
    z-index: 2;}
.cag_box01 a{
	display:block;
	line-height: 2;
	font-size:14px;
	margin:7px;
    letter-spacing: .1em;}
.cag_box01 :before {
    content: "";
    display: block;
    width: 3px;
    height: 70%;
    background-color: #74b88d;
    position: absolute;
    left: 15px;
    top: 15%;}
.cag_box01 a.cag_box01y{
	color:#222222;
	font-weight:bold;}
.pro_box03{
	width:100%;
	margin-bottom:0px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;}
.pro_box03a{
	width:50%}
.pro_box03b{
	color:#827275;
	padding-left:50px;
	width:50%;}
.pro_box03a a{
	display:block;
	width:100%;
	padding-bottom:75%;
	line-height:normal;
	background-color:#fff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain}
.pro_box03b h4{
	display: block;
    font-size: 22px;
    font-weight: bold;
    color: #539379;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    margin-bottom: 35px;
    padding: 15px 0 13px 28px;
    letter-spacing: 1px;}
.pro_box03b h4:after{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	border-top: 20px solid #c6cfbc;
	border-right: 20px solid transparent;}
.pro_t01{
	letter-spacing: 0.5px;
	margin-bottom:30px;
	font-size:24px;
	color: #CC0000;}
.pro_t01 .price01{
	font-size:0.8em;}
.pro_box04{
	font-size:14px;
	width:100%;
	margin-bottom:50px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;}
.qua_box01{
	font-size:14px;
	margin-right:1em;
	padding-bottom:5px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;}
.qua_box01a{
	font-size:20px;
	height:30px;
	margin:0 0.5em;
	width:4em;}
.qua_box01a input{
	width:100%;
    color: #827275;
	font-size:20px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	background:none;
	border-width:0;}
.qua_box01b{
	padding-right:0.5em;
	height:30px;
	text-align:center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;

    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	flex-direction:column;
	justify-content:space-between;}
.qua_box01b b{
	line-height:1;
	cursor:pointer;
	display:block;}
.qua_box01b b:hover{
	color:#ff5d0f;}
	@keyframes fade {
		from {
			opacity: 1.0;
		}

		50% {
			opacity: 0.4;
		}

		to {
			opacity: 1.0;
		}
	}

	@-webkit-keyframes fade {
		from {
			opacity: 1.0;
		}

		50% {
			opacity: 0.4;
		}

		to {
			opacity: 1.0;
		}
	}

	.blink {
		font-size: 15px;
		font-weight:bold;
		animation: fade 600ms infinite;
		-webkit-animation: fade 600ms infinite;
	}
.ins_b01,
.ins_b00,
.ins_b02,
.ins_b03,
.ins_b04,
.ins_b05{
	cursor:pointer;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
.login_box02 .ins_b02,
.ins_b02:hover,
.login_box02 .ins_b01,
.ins_b01:hover{
	color: #b93d02;}
.cart_b02{
	margin-bottom:30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	justify-content:space-between;}
.cart_b02 a{
	display:block;
	height:44px;
	line-height:44px;	
	text-align:center;
	letter-spacing:1px;
	width:48%;
	color:#fff;
	font-size:14px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.cart_b02 a img{
	height:24px;
	width:auto;}
.cart_b02 a.cart_b02a{
	background:#ff5d0f;}
.cart_b02 a.cart_b02a:hover{
	background:#885b30;}
.cart_b02 a.cart_b02b{
	background:#74B88D;}
.cart_b02 a.cart_b02b:hover{
	background:#4C785C}
.dis_box01 {
	margin-top:10px;
	font-size: 16px;
    border: 3px solid rgba(0,0,0,0.05);
    padding: 10px 17px;
    background:rgba(255,255,255,1);}
.dis_box01 p{
	font-weight:bold;
	line-height:1.7;
	margin:7px 0;}
.dis_box01 img{
	height:24px;
	width:auto;
	margin-right:0.5em;}
.ins_bg,
.ins_bg0,
.ins_bg01,
.ins_bg03,
.ins_bg04,
.ins_bg05{
	padding:30px;
    position: fixed;
    overflow-y: auto;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
	display:none;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
	background-color: rgba(44, 46, 49, 0.7);
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
.ins_bgOn{
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;}
.bodyOff{
	overflow:hidden;}
.ins_box01{
	width:100%;
	max-width:1000px;
	padding-bottom:30px;}
.ins_box01a{
	font-size:16px;
	text-align: center;
	font-weight:bold;
	padding:20px 30px;
	line-height:1;
	border-bottom:1px solid #d2d2d2;
	position:relative;
	background:#fff;}
.ins_box01a span{
	cursor:pointer;
	color:#333;
	font-size:24px;
	position:absolute;
	right:30px;
	top:50%;
	margin-top:-12px;}
.ins_box01a span:hover{
	color:#ff5d0f}
.ins_box01a span:hover{}
.ins_box01b{
	font-size:14px;
	padding:20px 30px;
	border-bottom:1px solid #d2d2d2;
	background:#fff;}
.ins_box01c{
	padding:15px 20px;
	text-align:center;
	background:#fff;}
.ins_box01c span{
	cursor:pointer;
	font-size:13px;
	width:120px;
	height:40px;
	text-align:center;
	line-height:40px;
	display:inline-block;
	background:#333333;
	color:#fff;}
.ins_box01c span:hover{
	background:#ff5d0f}
.ins_close01,
.ins_close0,
.ins_close,
.ins_close03,
.ins_close04,
.ins_close05{
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
a.news_box01{
	display:block;
	width:calc( 25% - 30px );
	margin:0px 15px 50px;
	padding:0px;}
.news_box01a{
	width:100%;
	border-top:3px solid #74b88d;
	margin-bottom:15px;
	height:0;
	position:relative;
	padding-bottom:100%;
	background-color:#ffffff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;}
.news_box01b{}
.news_box01b h4{
	font-size:15px;
	font-weight:500;
	margin-bottom:15px;}
a.news_box01 time{
	color: #999;
    font-size: 12px;}
.news_box02{
	margin-bottom:70px;
	position:relative;
	border-bottom: 1px solid rgba(0,0,0,0.15);
	padding: 15px 0 13px 28px;
	letter-spacing: 1px;}
.news_box02 time{

	display:block;
	color: #999;
    font-size: 12px;
	margin-bottom:15px;}
.news_box02 h4{
	display:block;
	font-size:22px;
	font-weight:600;
	color:#539379;}
.news_box02::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 20px solid #c6cfbc;
    border-right: 20px solid transparent;}
.shop_box01{
	padding: 20px 20px;
    width: 48%;
    background: rgba(255,255,255,0.7);
    margin: 0px 1% 25px;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items:center;
    align-items: center;
    flex-wrap: nowrap;}
.shop_box01a{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.shop_box01b{
	width: 150px;
    margin-right: 30px;}
.shop_p01{}
.shop_p01 img{
	width:100%;
	height:auto;}
.shop_t01{
	display:block;
	margin-bottom:8px;
	font-size:22px;
	font-weight:500;
	color:#539379;
	letter-spacing:0.8px;}
.shop_box01a .edit{
	margin-top:24px;
	font-size:14px;
	line-height:1.7;
	letter-spacing:0.6px;}
.shop_b01 {
	margin-bottom:20px;}
.shop_b01 a{
	display:inline-block;
	padding:9px 12px;
	border:1px solid #a3b8ab;
	text-transform:uppercase;
	text-align:center;
	-webkit-border-radius: 37px;
	-moz-border-radius: 37px;
	border-radius: 37px;}
.shop_t02{
	margin:4px 0;
	font-size:15px;}
.shop_t02 span{
	font-size:17px;
	display:inline-block;
	margin-right:0.5em;
	vertical-align:middle;}
.cag_box02{
	width:100%;
	margin-bottom:30px;
	border-top:1px solid #e6eee8;
	border-bottom:1px solid #e6eee8;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;}
.cag_box02 a{
	width:25%;
	margin-bottom:-1px;
	display:block;
	padding:10px 10px 10px 34px;
	color:rgba(0,0,0,0.5);
	border-bottom:1px solid #e6eee8;
	position:relative;}
.cag_box02 a span{
	display:block;
	color:rgba(0,0,0,0.5);
	width:14px;
	height:16px;
	position:absolute;
	left:10px;
	top:10px;}
.cag_box02 a:hover{
	color:#74b88d}
.faq{
	padding-top: 140px;
	padding-bottom: 15px;
	margin-top: -50px;}
.faq_t01{
	margin-bottom:15px;
	display:block;
	color:#74b88d;
	font-size:28px;
	font-weight:bold;}
.faq_t01 img{
	height: 45px;
	width: auto;
	vertical-align: bottom;
	margin-right: 6px;}
.faq_box01{
	width:100%;
	border:1px solid #e6eee8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;
	justify-content:flex-start;}
.q {
	border-width:1px 1px 0 1px;
	padding:15px 15px 5px 15px;}
.a {
	border-width:0 1px 1px 1px;
	padding:0 15px 15px 15px;}
.faq_box01a{
	line-height:32px;
	width:44px;	
    font-size: 24px;
	font-weight:bold;}
.faq_box01b{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.q .faq_box01a,
.q .faq_box01b{
	line-height:24px}
.q .faq_box01b{
	font-weight:bold;
	font-size:18px;}
.a .faq_box01a{
	color:#C00}
.contact_t01{
	font-size: 14px;
    margin: 10px 0 15px;
    color: #888;
}
.contact_t01_p{
	font-size: 14px;
	padding: 5px;
}

.contact_t02{
	margin:30px auto 40px;
	padding:13px 10px;
	border:2px dotted rgba(0,0,0,0.1);
	border-width:2px 0;
	font-size: 25px;
    color: #465b6d;}
.re_icon01{
	vertical-align:middle;
	display:inline-block;
	width:7px;
	height:7px;
	line-height:normal;
	background:#961515;}
.contact_t02 .re_icon01{
	margin-right:0.5em;}
.contact{
	font-size:16px;
	margin-bottom: 5px;
}
#contact{
	width: 50%;
    margin: 5px auto;
    padding: 20px;
}

.contact img{
	width:2%;
	margin-right: 5px;
}
.contact2 img{
	width:8%;
}
.contact label{
	display:block;
	margin:10px auto 3px;}
.contact img{
	margin-left:0.5em;}
.contact .re_icon01{
	margin-right:0.5em;}
.contact_box01{
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-align-items:center;
    align-items: center;}
.contact_box01.select01{
	width:100%;
}
#select02{
	display: none;
}
.contact_box01a{
	width:200px}
.contact_box01 input[type="text"],
.contact_box01 input[type="password"],
.contact_box01 textarea,
.contact_box01 select{
	width:100%;
	font-size:14px;
	border: 2px solid #ececec;
    height: 40px;
    line-height: 40px;
	padding:0px 10px;
	background:#fff;
	margin: 3px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* -webkit-box-shadow: rgba(0,0,0,0.1)  8px 3px 3px; */
	/* -moz-box-shadow: rgba(0,0,0,0.1)  8px 3px 3px; */
	/* box-shadow: rgba(0,0,0,0.1) 8px 3px 3px; */}
.contact_box01 textarea{
	height:auto;
	line-height:normal;}
.contact_box01 h3{
	color: #465b6d;
    font-size: 16px;
    padding-bottom: 10px;
    /* border-bottom: 1px dotted; */
    margin: 0 0 20px;
    position: relative;
    background: url()#c5c7c9 no-repeat left center;
    padding: 14px;
    /* padding-left: 92px; */
}
.contact_box0{
	width:70%;
}
.cont_b01{
	margin-top:15px;
	text-align:center;
	margin-bottom:20px;
}
#v2{
    background: rgb(255 93 15);
    color: white;
    width: 50%;
    margin: auto;
    margin-top: 20px;
}
.cont_b01 a {
	display:inline-block;
	width:200px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
	background:rgb(255 93 15);
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.cont_b01 a:hover {
	opacity: 0.8;}
.cont_b02 a {
	display:inline-block;
	width:285px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 1px;
    color: rgb(0, 0, 0);
	background:#ffffff;
	border: 1px solid #dcdcdc;
    font-size: 14px;
	margin-top: 15px;
	margin-bottom: 15px;
	z-index: 10;
}
.cont_b02 a:hover{
	background:#ff5d0f;
	color:white;
}
.cont_b01 a img {
    height: 18px;
    width: auto;}
.login_box01{
	width:100%;
	padding:15px;
	font-size:14px;
	margin-bottom:30px;
	border:1px solid #d2d2d2;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;}
.login_box01a{
	width:120px;}
.login_box01 a{
	display:inline-block;
	background:#74b88d;
	color:#fff;
	width:120px;
	margin:2px 0;
	text-align:center;
	line-height:34px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.login_box01 a:hover{
	background:#222222;}
.order_box01{
	width:100%;
	padding: 15px 0;
	font-size: 14px;
	color: rgb(0, 0, 0);
	border-bottom: 2px solid #c9c9c9;
    /* background: #b5cbba; */
	text-align:left;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.order_box02{
	width:100%;
    padding: 3px;
    font-size: 15px;
    color: #333;
    background: #aea9a90d;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: space-evenly; /*2022.08.08 新增*/
}

.order_box03{
	width:100%;
	margin-top:30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
	-webkit-justify-content: space-between;
	justify-content: space-between;
    flex-wrap: wrap;}
.order_box01a,
.order_box02a{
	width:48%;
	padding:0px 15px;}
.order_box01b,
.order_box02b{
	width:27%;
	padding:0px 15px;}
.order_box01c,
.order_box02c{
	width:22%;
	padding:0px 10px;}
.order_box01c img, .order_box01a img{
	width:11%;
	margin-right: 10px;
}
#or01a img{
	width:4%;
}
.order_box01d,
.order_box02d{
	width:14%;
	padding:0px 15px;}
.order_box01e,
.order_box02e{
	width:70%;
	padding:0px 15px;}
.order_box02a,
.order_box02e{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.order_box02a a,
.order_box02e a{
	display:block;
	width:100px;
	margin-right: 10px;}
.order_box02a a img,
.order_box02e a img{
	width:100%;
	height:auto;}
.order_box02b .pr_box_b-,
.order_box02b .pr_box_ba{
    width: 30px;
    height: 32px;
    line-height: 30px;}
.order_box02b .pr_box{
	height: 32px;}
.order_box02b .qua_box01{
	margin-right: 0;
    padding-top: 5px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);}
.promotion{
	width:100%;
	color:#222222;
	background:#e9f2eb;
	padding:15px;
	border: 1px solid #b5cbba;
	border-width:0px 1px 1px 1px}
.pro_t02{
	font-size: 14px;
	font-weight:500;
	margin-bottom:10px;}

.pro_box05{
	width:100%;
	margin-bottom: 2px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;}
.pro_box05 span{
	width: 150px;
    display: block;
    padding: 5px 0;
    font-size: 13px;
    background: #ff5d0f;
    color: #fff;
    text-align: center;}
.pro_box05 p{
	font-size: 14px;
    padding: 5.5px 15px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.flexbox01{
	width:100%;
	
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;}
.flexbox01a{
	width:65.66666%;
	margin-top:15px;}
.flexbox01b{
	width:32.33333%;
	margin-top:15px;}

.order_box04{
	width:100%;
	border: 1px solid #b5cbba;
	margin-bottom: 30px;}
.order_box06{
	width: 100%;}
.order_box06a{
	width:100%;
	margin-bottom: 30px;
	border: 1px solid #b5cbba;}
.order_box05{
	width:100%;
	margin-bottom: 30px;
	border: 1px solid #b5cbba;}

.order_box05b{
	padding:15px;}
.order_box04a,
.order_box05a{
	border-bottom:1px solid #b5cbba;
	padding: 10px 15px;
	font-weight: 500;
	background: #e9f2eb;
	color:#4c785c;
	line-height: 26px;}
.payment_box01,
.info_box01{
	font-size:14px;
	padding:15px;}

.info_box03{
	width:100%;
	font-size:14px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.info_box03 dd{
	width:180px;}
.info_box03 input{
	width:100%;
	font-size: 14px;
	border-width: 0;
	height: 31px;
	line-height: 31px;
	padding: 0px 10px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;}
.info_box03 a {
    font-size: 13px;
    display: inline-block;
    background: #74b88d;
    color: #fff;
    line-height: 31px;
    padding: 0px 12px;
    margin-left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}

.price_box01{
	width:100%;
	font-size:14px;
	line-height:1;
	margin-bottom:10px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align:center;
    align-items:center;
	-webkit-justify-content: space-between;
	justify-content: space-between;}
.price_box01 span{
	/*width:100px;*/
	display:block;}
.price_box01 p{
	text-align:right;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;}
.price_box01a{
	font-weight:bold;}
.order_box05 hr,
.total_box01 hr{
	border-width:0px;
	border-top: 1px solid #b5cbba;
	margin-top: 20px;
	height:0px;
	margin-bottom: 20px;
    display: block;}
.order_box05b a.sbtn_b{
	width:100%;
	font-size: 16px;
	font-weight: 500;
	text-align:center;
    padding: 10px;
	margin:5px 0px 0px 0px;}
.pr_price{ 
	font-size:25px; line-height:26px; font-weight:500;}
.sbtn_b{ 
	display:inline-block; padding:5px 12px; margin:5px; background:#ff5d0f; font-size:14px; cursor:pointer; border-radius:5px;}
.sbtn_b:hover{
	background-color:#885b30;}
.red{
	color:#CC0000;
	margin-right: 5px;
}
.checkbox_box01{
	/*display: flex;
	flex-wrap: wrap;*/
	display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
} 
.togglebox {
	display:inline-block;
	vertical-align:middle;
	width: 40px;
	height: 20px;
	border-radius:100px;
	background-color: #ccc;
	box-shadow: 0px 3px 0px rgba(0,0,0,.13) inset;
  }
  .togglebox .btn {
	display:inline-block;
	padding:0px;
	width: 20px;
	height: 20px;
	border-radius:50%;
	background-color: #fff;
	margin-left: 0;/*動畫從ml為0開始*/
	transition: .5s;
	box-shadow:1px 2px 5px rgba(0,0,0,.3);
  }
  .checkbox {
	position:absolute;
	opacity:0;
  }
  .checkbox:checked + .togglebox {
	background-color: #8f8;
  }
  .checkbox:checked + .togglebox .btn {
	margin-left: 20px;
  }

.radio_box01{
	display: flex;
}
.radio_box01 label,
.checkbox_box01 label{
	display:block;
	line-height:20px;
	margin:3px;}

.radio_box01 label input[type="radio"],
.checkbox_box01 label input[type="checkbox"]{
    display: none;
}
.radio_box01 label input[type="text"]{
	width: 50%;
    font-size: 14px;
    border-width: 0;
    height: 45px;
    line-height: 45px;
    padding: 0px 10px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
    box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;}
.radio_b01{
	display:inline-block;
	margin-right:0.5em;
	vertical-align:middle;
	width:20px;
	height:20px;
	background:#e2e2e2;
	cursor: pointer;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;}
.checkbox_b01,.checkbox_b02{
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right:0.5em;
	background-color: #d3d3d3;
	vertical-align: middle;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;}
.radio_box01 label input[type="radio"]:checked + .radio_b01 {
    background: #ff5d0f;}
.radio_box01 label input[type="radio"]:checked + .radio_b01:before{
	position: relative;
	top: 7px;
	left: 7px;
	display: block;
	width: 6px;
	height: 6px;
	content: "";
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #fff;}
.checkbox_on{
	background: #eec6b2;
    box-shadow: inset 0 1px 1px rgb(255 93 15 / 8%), 0 0 8px rgb(255 93 15 / 60%);
}
.checkbox_on::after,
.checkbox_on::before {
    content: " ";
    position: relative;
    display: block;
    background: #fff;
    transform: rotate(45deg);}
.checkbox_on::after{
	width: 8px;
	height: 3px;
	left: 5px;}
.checkbox_on::before {
	width: 3px;
	height: 13px;
	left: 13px;
	top: 6px;}
.checkbox_no{
	cursor:not-allowed;
}
.cart_t01{
	font-size:14px;
	margin-top:5px;}
.cart_t01 b{
	color:#CC0000}
.total{
	width:100%;
	border: 1px solid #b5cbba;
	border-width:0px 1px 1px 1px;
    color: #60785c;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;}
.total_box01{
	width:42%;
	padding:15px 15px 0px;}
.info_t01{
	line-height: 25px;
	margin-bottom:3px;}


.info_box02{
	font-size:14px;
	line-height:1.5;
	margin-bottom: 15px;}
.info_box02 b{
	color: #CC0000;
	font-size: 15px;
	font-weight: normal;}
.info_box02 dd{
	margin-bottom: 5px;}
.info_box02 dt{
	width:100%;}
.add_box01{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.add_box01a{
	margin-right:0.5em;}
.add_box01b{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.add_box01c{
	margin-left:0.5em;}
.info_box02 dt select,
#m_login_all select{
	margin:0px 7px 7px 0;
	
	font-size:14px;
	border-width:0;
    height: 45px;
    line-height: 45px;
	padding:0px 10px;
	background:#fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;}
.info_box02 dt input,
.add_box01 input{
	width:100%;
	font-size:14px;
	border-width:0;
    height: 45px;
    line-height: 45px;
	padding:0px 10px;
	background:#fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;}
.info_box02 dt textarea{
	line-height:1.4;
	height: auto;
	
	width:100%;
	font-size:14px;
	border-width:0;
	padding:10px;
	background:#fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;}
#s1_sbtn_all{
	width:100%; text-align:center; font-size:15px;}
.s1_sbtn_all{
	width:100%; text-align:center; margin-top:3%; font-size:14px;}
.s1_sbtn_all{
	border: 1px solid #b5cbba;
	padding: 20px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;	
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.s1_t01 {
	font-size:18px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 500;}
.s1_t01 a{
	color:#619a76}
.s1_b01{
	text-align:right;
	width: calc(50% - 30px);}
.s1_b01 a{
	width:100%;
	max-width:200px;
	text-align:center;
	display:inline-block;
	padding: 12px;
	font-size:14px;
	line-height:1.5;
	background:#ff5d0f;
	color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
.s1_b01 a:hover{
	background:#885b30;}
.login_box02{
	width: calc( 100% - 4px );
	max-width:500px;
    font-size: 14px;
	background: rgb(253 253 251);
	margin: 50px auto ;
	box-shadow: 3px 2px 51px 0 rgba(0,0,0,.07);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 30px;
	position: relative;
}
.box02x{
	background:rgb(253 253 251 / 87%);
}
.yet_img{
	background: #6a6a6aa1;
    color: white;
    padding: 0 15px;
    text-align: center;
}
.yet_img_box{
	text-align: center;
    
    position: absolute;
	top: 10px;
	left: 5px;
}
.locking_img_box{
	text-align: center;
	position: absolute;
	top: 40px;
	left: 5px;
}
.locking_img{
	padding: 0px 15px;
	background: #ff00009c;
	color: white;
} 
#lo_box02{
	margin: 50px;
	max-width: 650px;
}
.login_b01{
	margin-top:20px;
	margin-bottom:30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;}
.login_b01 a{
	display:block;
	height:44px;
	line-height:44px;	
	text-align:center;
	letter-spacing:1px;
	width:48%;
	margin-top:10px;
	color:#fff;
	font-size:14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.login_b03{
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;}
.login_b03 a {
    display: block;
    height: 33px;
    line-height: 33px;
    text-align: center;
    letter-spacing: 1px;
    width: 100%;
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.login_b03 a.login_b01a {
    background: #575c61;
}
.login_b01 a.login_b01a{
	background:#575c61;}
.login_b01 a.login_b01a:hover{
	opacity: 0.8;}
.login_b01 a.login_b01b{
	background:#ff5d0f;}
.login_b01 a.login_b01b:hover{
	opacity: 0.8;}
.login_b01 a.login_b01c{
	background:#4267b2;}
.login_b01 a.login_b01d{
	background:#ea4235;}
.login_b02{
	font-size:14px;
	margin-top:15px;}
.login_b02 a{
	color:#cc0000}
.member_box01{
	margin:30px auto;}
.member_box01 dl{
	margin:10px auto;
	padding-bottom:10px;
	border-bottom:1px dashed rgba(0,0,0,0.1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.member_box01 dt{
	font-size:14px;
	color:#222222;
	font-weight:500;
	display:block;
	width:6em}
.member_box01 dd{
	font-size:14px;
	display:block;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}

.member_b01{}
.member_b01 a{
	display:block;
	height:40px;
	line-height:40px;
	padding:0px 15px;
	text-align:left;
	letter-spacing:1px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	margin:0px 0px 10px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#74b88d;}
.member_b01 a:hover{
	background:#222222}


.member_b02{
	margin-top:30px;
	text-align:center;}
.member_b02 a{
	display:inline-block;
	height:33px;
	line-height:33px;
	padding:0px 15px;
	text-align:center;
	letter-spacing:1px;
	color:#fff;
	font-size:13px;
	margin:0px 5px 10px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#74b88d;}
.member_b02 a:hover{
	background:#222222}


.page_t01{
	margin-top:30px;
	margin-bottom:15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:space-between;}
.page_t01 h2{
	flex: 1;
	text-transform:uppercase;
	display:block;
	font-size:20px;
	letter-spacing:0.1em;
	color:#539379;
	font-weight:500;}
.page_t01 h2 img{
	height: 30px;
    width: auto;
    margin-right: 5px;
    vertical-align: sub;}
.page_t01 a{
	font-size:14px;}
.about_box01{
	width:100%;
	padding:30px;
	/* background:rgb(205 193 193 / 70%); */
	color:#818181;
	text-align:left;
	margin-bottom:30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:space-between;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.about_box001{
	width:100%;
	padding:30px;
	/* background:#e8e8e8; */
	color:#fff;
	text-align:center;
	margin-bottom:30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:space-between;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-image: url(../images/pic01.jpg);
    border-radius: 6px;
    /* opacity: 0.8; */
	background-size: cover;
    background-repeat: no-repeat;
}
.about_box01En{
	width:100%;
	padding:30px;
	background:rgba(224, 191, 114, 0.13);
	color:#539379;
	margin-bottom:30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:space-between;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}
.about_box02{
	width:100%;
	color:#fff;
	padding:15px 47px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content:space-between;}
.about_box01a{
	padding-right:30px;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;}

.about_box01b{
	width:360px;
	text-align:center;}
.about_box01c{
	width:500px;
	text-align:center;}
.about_box01d {
    width: 300px;
    text-align: center;}
.about_box01c img,
.about_box01b img,
.about_box01d img{
	max-width:100%;
	height:auto;}
.user_info {
    width: 60%;
    /* margin: 0 auto; */
    /* height: 236px; */
    overflow: hidden;
	position: relative;
}
.user_info2{
	width:28%;
	margin-top: 30px;
	z-index: 10;
}
.popup_user_photo {
    width: 100%;
    height: 400px;
    z-index: 10;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	margin-top: 5px;
	-webkit-transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
	transition: opacity 2s ease-in-out;
	animation: anim 0.5s ;
}

.popup_user_bg {
    border: 10px #fff solid;
    background: #fff;    
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@keyframes fadein {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
  }
  @keyframes anim {
	0% {
	  transform: translateX(100%);
	}
	100% {
	  transform: translateX(0%);
	}
  }
.popup_user_photo:last-child:hover{
	/* 滑入時第一張透明度設0 */
	 opacity:0;}
.popup_user_photo_move{
	animation: move 2s infinite;
} 

	/* Position the image container (needed to position the left and right arrows) */
	.container {
		position: relative;
	}

	/* Hide the images by default */
	.mySlides {
		display: none;
	}

	/* Add a pointer when hovering over the thumbnail images */
	.cursor {
		cursor: pointer;
		z-index: 10;
		overflow: hidden;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-top: 5px;
		padding-bottom: 70%;
	}

	/* On hover, add a black background color with a little bit see-through */
	.prev:hover,
	.next:hover {
		background-color: transparent;
	}

	.row:after {
		content: "";
		display: table;
		clear: both;
	}

	.column {
		float: left;
		width: 18%;
		min-width: 80px; /* 120px->80px 2022.08.12 */
		margin-top: 10px;
		margin-left: 10px;
	}
	.col{
		min-height: 235px;
	}
	.column2 {
		float: left;
		width: 10%;
		margin-top: 10px;
		margin-left: 5px;
	}
	.year_{
		color: gray;
		font-size: 15px;
		margin-top: 10px;
		margin-left: 5px;
	}
	.select {
		border:5px solid rgb(166 135 135);
	}
	.column2 img{
		max-height: 135px;

	}
	.active,
	.demo:hover {
		opacity: 1;
	}

	/* Next & previous buttons */
	.prev,
	.next {
		cursor: pointer;
		position: absolute;
		top: 170px;
		width: auto;
		color: black;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0 3px 3px 0;
		user-select: none;
		-webkit-user-select: none;
	}
	
	.prev {
		left: 0;
		margin-left: 10px;
	}
	.next {
		right: 0;
		margin-right: 10px;
	}

	.prev:hover,
	.next:hover {
		/* background-color: rgba(66, 66, 66, 0.8); */
	}
/* 動畫關鍵影格 */
@keyframes move {
	0%,
	20% {
	  transform: translateX(0px);
	}
	25%,
	45% {
	  transform: translateX(-900px);
	}
	50%,
	75% {
	  transform: translateX(-1800px);
	}
	80%,
	100% {
	  transform: translateX(-2700px);
	}
  }
  /* 支援webkit核心的瀏覽器用 */
  @-webkit-keyframes move {
	0%,
	20% {
	  transform: translateX(0px);
	}
	25%,
	45% {
	  transform: translateX(-900px);
	}
	50%,
	75% {
	  transform: translateX(-1800px);
	}
	80%,
	100% {
	  transform: translateX(-2700px);
	}
  }
.about_box04{
	background:rgb(205 193 193 / 70%);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}
.ab_t01{
	display:block;
	font-weight:600;
	font-size:25px;
	margin-bottom:15px;}
.ab_t02{
	display:block;
	font-weight:600;
	font-size:32px;
	margin-bottom:15px;}
.ab_t02 img {
    width: auto;
    height: 50px;
    margin-right: 5px;
    vertical-align: sub;
}
.ab_t03{
	display:block;
	font-weight:600;
	font-size:32px;
	margin-bottom:15px;}
.ab_t03 img {
    width: auto;
    height: 50px;
    margin-right: 5px;
    vertical-align: sub;}
.about_box03{
	width:100%;
	/* margin-top:30px; */
	padding:30px;
	/* background:rgb(205 193 193 / 70%); */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	/* justify-content:space-between; */
	flex-wrap: wrap;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}
.about_box03a{
	width:360px;}
.about_box03b{
	color:#818181;
	text-align:left;
	padding-left:30px;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;}
.about_box03a img{
	width:100%;
	height:auto;}
.about_box03b .edit,
.about_box01a .edit{
	color:#402d27}
.ab_t03{
	display:block;
	font-weight:600;
	font-size:25px;
	margin-bottom:15px;}

.iframe_ {
	display:block;
	width:100%;
	line-height:normal;
	height:300px;
	/* padding-bottom:56%; */
	position:relative;
	overflow:hidden;
	margin-bottom:15px;}
.iframe_video video,.iframe_ iframe{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: #000000;}
.place_l{
	width:30%;
	margin-bottom: 20px;
}
.place_r{
	width:60%;
}
.m_bg,
.m_bgOn{
	display:none}
.order_box02c span,
.order_box02b span{
	display:none}

#gotop {
	background: url(../images/top.png) center;
    background-repeat: no-repeat;
    background-color: rgb(191 191 191 / 70%);
    background-size: 100%;
    border: 1px solid #c7c7c7;
    /* border-radius: 45px; */
    bottom: 65px;
    color: #000000;
    cursor: pointer;
    display: none;
    font: bold 15px/58px Century Gothic, sans-serif;
    height: 40px;
    opacity: 1;
    padding: 0;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 40px;
    z-index: 10;
    }
    
    #gotop:hover {
        background-color: rgba(209, 209, 209, 0.897);
    }
	.ad_box02 {
		position: fixed;
		right: 5px;
		bottom: 85px;
		z-index: 100;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: initial;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		flex-direction: column;
	}
	
	.ad_box02a {
		position: relative;
		width: 62px;
		margin: 0 0 45px 0;
	}
	
	.ad_box02a span {
		width: 30px;
		text-align: center;
		height: 30px;
		line-height: 30px;
		background: #000;
		color: #fff;
		border-radius: 30px;
		position: absolute;
		font-weight: bold;
		cursor: pointer;
		right: 5px;
	}
	
	.social {
		display: block;
		width: 40px;
	}
	
	.social a {
		margin: 5px 0 0 0;
		display: block;
		width: 100%;
	}
	
	.social a img {
		width: 100%;
		height: auto;
	}
	.list-unstyled {
		padding-left: 20px;
		list-style: none;
	}
	.frame{
		width: 100%;
	}
	.contact_box01 ul li {
		color: #000;
		line-height: 1.8;
		padding-left: 23px;
		background: url(../images/icon.png) no-repeat;
	}

	.contact_box01 li.tel, .contact_box01 li.phone {
		color: #3b3a38;
		font-size: 20px;
		font-weight: bold;
		background-position: 0 -344px;
	}
	.contact_box01 li.mail {
		background-position: 0 -152px;
	}
	.contact_box01 li.bstime {
		background-position: 0 -67px;
	}
	.contact_box01 li.add {
		background-position: 0 -248px;
	}
	/*  */
	.accordion_box{
		padding: 10px;
		margin-top: 15px;
	}
	.accordion_box p{
		margin-left: 5px;
		padding: 10px;
	}
	.accordion_box p img{
		width:7%;
		margin-right: 5px;
	}
	.accordion {
		background-color: #e5e5e5;
		color: rgb(0, 0, 0);
		cursor: pointer;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
		transition: 0.4s;
		padding: 7px;
        margin: 5px 0;
		border-left: #ff5d0f 2px solid;
	}
	.accordion:hover {
		background-color: #a19994;
		color: white;
	}
	.active2{
		background-color:#3b3b3b;
		color:white;
		border-left: none;
	}
	.panel {
		padding: 20px 15px;
		display: none;
		/* background-color: white; */
		overflow: hidden;
		width: 100%;
		font-size: 14px;
	}	
	.panel p{
		border-left: 2px solid grey;
		padding:0 10px;
	}
	#content01 {
		margin: 0 auto;
		/* width: 1340px; */
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	#content01a {
		width: 29%;
	}
	#content01a .edit{
		font-size:14px;
		margin-bottom: 5px;
	}
	#content01a p{
		font-size:15px;
		color:#b0b0b0;
		margin-bottom: 10px;
	}

	#content01b {
		width: 65%;
	}
		/*產品名稱*/
	
		#tab-demo {
			width: 100%;
			height: 100%;
			background-color: rgb(251 251 251);
			border: 1px solid rgb(243, 241, 241);
			margin-bottom: 20px;
		}
	
		#tab-demo>ul {
			display: flex;
			margin: 0 auto;
			list-style: none;
			width: 100%;
		}
	
		.tab-title {
			list-style: none;
			display: flex;
		}
	
		#tab-demo>ul>li {
			text-align: center;
			z-index: 10;
			padding: 15px;
			width: 50%;
		}
	
		#tab-demo>ul>li.active {
			/* border-bottom: 2px solid #d86868; */
			background-color: rgb(255, 255, 255);
			color: #8b8b8b;
		}
	
		#tab-demo>ul>li.active a {
			color: #ff5d0f;
		}
	
		#tab-demo>.tab-inner {
			clear: both;
			color: #000;
		}
	
		.tab-inner {
			padding: 25px;
			/* height: 100%; */
			background: white;
		}

	
#tab002,#tab005,#tab004,#tab003{
	display: flex;
}
.con-mod {
	float: left;
	margin-left: 8px;
	width: 50%;
}
.msg {
	float: left;
	margin-top: 10px;
	color: #999;
	width: 120px;
	text-align: center;
}

.specific {
	margin-top: 10px;
	line-height: normal;
	font-size: 14px;
	}

.specific img{
	width:15%;
	margin-right: 5px;
}
.specific .name {
	color: #333;
	font-weight: bold;
	vertical-align: middle;
	font-size: 16px;
}
.time {
	margin-top: 5px;
	color: #999;
	font-size: 14px;
}
.views{
	display: flex;padding: 5px;
}
.d_right a.back {
    padding: 8px 12px;
    text-align: center;
    width: 50%;
    margin: 20px auto;
}
.d_right a.back:hover{
	opacity: 0.8;
}
.se_edit{
	width:100%;margin:10px auto;
}
#se_edit1{
	display: none;
}
.se_info{
	display: block;
	width: 26%;
	margin: 0 auto;
	margin-top: 50px
}
h3{
	font-size:24px;
	padding: 5px;
}
a.back_b01{
	color:grey;
	font-size:14px;
	margin-top: 20px;
}
a.orange{
	color:#ff5d0f;
}
.pic_title{
	text-align: center;
	margin: 0 auto;
}
p.green{
	background:#5cb85c;
	color:white;
	padding: 5px;
	margin: auto;
    margin-bottom: 10px;
    width: 23%;
	text-align:center;
}
p.red{
	background:red;
	color:white;
	padding: 5px;
	margin: auto;
    margin-bottom: 10px;
    width: 23%;
}
p.danger{
	color: #a94442;
	margin-top: 25px;
	font-size:14px;
}
p.blue{
	color: #31708f;
	margin-top: 70px;
    margin-bottom: 20px;
	font-size:14px;
}
p.orange{
	color: #ff5d0f;
	font-size:16px;
	padding: 5px;
	margin-top: 20px;
}
p.grey{
	color: rgb(184, 184, 184);
	font-size:14px;
}
#hr01{
	display:none;
}
.p_in{
	font-size:14px;
	margin-top:10px;
}
.p_in span{
	color: #ff5d0f;
	font-weight: bold;
}
.li2 a{
	margin-left: 10px;
}
.mapii{
	margin: 0!important;
}
.share_btn2 a {
    font-size: 32px;
}
.share_btn2 a  span{
	font-size: 16px;
	color: black;
}
	@keyframes warn {
		0% {
			transform: scale(0);
			opacity: 0.0;
		}

		25% {
			transform: scale(0);
			opacity: 0.1;
		}

		50% {
			transform: scale(0.1);
			opacity: 0.3;
		}

		75% {
			transform: scale(0.5);
			opacity: 0.5;
		}

		100% {
			transform: scale(1);
			opacity: 0.0;
		}
	}

	@-webkit-keyframes warn {
		0% {
			-webkit-transform: scale(0);
			opacity: 0.0;
		}

		25% {
			-webkit-transform: scale(0);
			opacity: 0.1;
		}

		50% {
			-webkit-transform: scale(0.1);
			opacity: 0.3;
		}

		75% {
			-webkit-transform: scale(0.5);
			opacity: 0.5;
		}

		100% {
			-webkit-transform: scale(1);
			opacity: 0.0;
		}
	}

	.span-d {
		position: absolute;
		bottom: 53px;
		left: 40px;
		font-size: 14px;
		width: 105px;
		font-weight: 500;
		text-shadow: 2px 1px 1px #000;
		-webkit-animation: cc 1s linear 1s infinite alternate;
		animation: cc 1s linear 1s infinite alternate;
		color: #fff;
		z-index: 10;
	}

	.container-d {
		position: relative;
		width: 40px;
		height: 40px;
	}

	/* 保持大小不變的小圓圈  */
	.dot {
		position: absolute;
		width: 15px;
		height: 15px;
		left: 15px;
		top: -29px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border: 5px solid #029ef9;
		background:#029ef9;
		border-radius: 20px;
		z-index: 2;
	}
	.dot2 {
		position: absolute;
		width: 7px;
		height: 7px;
		left: 19px;
		top: -25px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border: 2px solid #95D6F5;
		background: #95D6F5;
		border-radius: 20px;
		z-index: 2;
	}

	/* 產生動畫（向外擴散變大）的圓圈  */
	.pulse {
		position: absolute;
		width: 30px;
		height: 30px;
		left: 7px;
		top: -37px;
		border: 7px solid #029ef9;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		z-index: 1;
		opacity: 0;
		-webkit-animation: warn 3s ease-out;
		-moz-animation: warn 3s ease-out;
		animation: warn 3s ease-out;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
	}
	.span-d_d2 {
		bottom: 10px;
		/* bottom: 4px; */
		left: 15px;
	}
	.container-d_d2 {
		height: 0px;
		opacity: 1;
	}
	.dot_d2 {
		left: 6px;
		top: -26px;
		/* top: -20px; */
	}
	.dot2_d2 {
		left: 10px;
		top: -22px;
		/* top: -16px; */
	}
	.pulse_d2 {
		left: -2px;
		top: -33px;
		/* top: -27px; */
	}
	.path{
		display: none;
	}
	.selectm{
		display: none;
	}
	.selectco{
		display: flex;
	}
	.filter-box{
		display: flex;
		margin: 5px;
		padding: 0 22px;
		justify-content: space-between;
	}
	.filter{
		margin: 0!important;
		height: 35px!important;
		line-height: 35px!important;
		border-color: #ccc!important;		
	}
	.search_li {
		padding: 5px;
		margin: 5px;
	}
	.search_li a{
		/* font-size: 20px; */
	}
	.search_li a.acvtive_now{
		color: gray;
	}
	.maxfilter-box{
		padding: 5px 0;
	}
	input[type="range"] {
		width: 200px;
		height: 16px;
		outline: none;
		background: none;
	}
	.hr2{
		margin: 5px 0;
		border: 1px solid #e1e1e1;
	}
	.per_type{
		display: none !important;
	}
	.type2 .per_type{
		display: block !important;
	}
	.type2 .per_type_p,.type3 .per_type_p{
		display: none !important;
	}
	.type2:hover p.i_box03c,.type2:hover p.i_box03d,
	.type2:hover .i_box02a span,.type2:hover .btn_more2,
	.type2:hover .i_box03a span,
	.type3:hover p.i_box03c,.type3:hover p.i_box03d
	{
        opacity: 0!important;
	}
	
	.type3 .btn_more2{
		min-width: 38%;
	}
	.type3 .btn_more22 {
		min-width: 70%;
		top: 73%;
	}
	.type3 .user_name{
		top: 26%;

	}
	.type2:hover .i_box02a:before,.type2:hover .i_box03a:before{
		border: 0px !important;
	}
	.type2 .btn_add2{
		opacity: 1!important;
	}
	.type2 .piccart2,
	.type2 .piccart2_p{
		display:none;
	}
	.type2-content{
		padding: 16px 15px 16px 15px;
		background:#ececec;
		display:none;
		margin-bottom: 20px;
	}
	.type2 .type2-content {
		display: block;
	}
	.type3 .type2-content {
		display: none;
	}
	.type2 p{
        color: black !important;;
	}
	.type2 p.type03c{
		padding: 0px 25px 0px 25px!important;
		opacity: 1!important;
	}
	.type2 .container-d_d2{
		opacity: 1!important;

	}
	.type2:hover .type2-content .type03c,
	.type2:hover span.user_name{
		opacity: 1!important;
	}
	.type2-text{
		display:flex;
		justify-content: space-between;
		color:black;
	}
	.type2-text span{
		max-width: 100px; 
		font-size: 12px;
		color: #3b3b3b;
	}
	.type2-text-address span{ /*2022.08.08 新增*/
		max-width: 180px;
		padding-right: 3px;
	}
	.type2 .user_name{
		background: rgba(23,23,23,.7);
		width: fit-content;
		padding: 9px 11px 9px;
		top: 12%;
		left: 0px;
		opacity: 1;
		transform: translateY(-50%) translateX(0%);
	}
	.type2-user-service span{
		max-width: 140px;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		max-height: 24px;
		padding-right: 2px;
	}
	.type2,.typee{
		width: 18% !important;
		margin: 0 10px!important;
		overflow: hidden;
	}
	.i_box06.typee{
		display: flex;
        width: 20%!important;
	}
	.i_box06.type4{
		width: 100% !important;
		text-align:left!important;
	}
	.block4{
		display: block!important;
	}
	.ed-title{
		font-size:18px;
	}
	a.type2_more{
		font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid #ff5d0f;
    display: inline-block;
    padding-bottom: 0;
    color: #ff5d0f;
    float: right;
	}
	.i_box06 .type2{
		width: 100% !important;
	}
	.type3 .btn_add ,.type3 .piccart2,.type3 .piccart2_p,.type3 .btn_add2{
		display:none;
	}
	.type3{
		width: 17%!important;
		width: 20%!important;
	}
	.user_place{
		display: none !important;
	}
	.mass_pic2{
		padding-bottom: 8%;
		width: 10%;
		min-width: 100px;
		min-height: 100px;
		max-width: 100px;
        max-height: 100px;
	}
	.ms2{
		width:75%;
		display: none;
		height: fit-content;
	}
	.dropmenu,.dropmenu3,.dropmenu2,.dropmenu4 {
		max-height: 500px;
		overflow: auto;
		position: absolute;
		z-index: 1000;
		display: none;
		float: left;
		left: 50%;
		top: 83%;
		min-width: 500px;
		padding: 15px 10px;
		margin: 2px 0 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: rgba(255,255,255,.9);
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #ccc;
		border: 1px solid rgba(0,0,0,.15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
		box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
			}
			.dropmenu3,.dropmenu4{
				min-width: 270px;
				left: 25%;
			}
			.dropmenu4{
				left: 37%;

			}
			.dropmenu3 li,.dropmenu4 li{
				padding: 5px;
                border-bottom: 1px solid#e9e9e9;
			}
			.dropmenu_block,.dropmenuph_block{
				display: block;
			}
			.dropmenuno{
				display: none;
			}
			
			
			.dropmenuph,.dropmenuph2{
				left: 6px;
				top: 47%;
				min-width:66%;
				overflow: auto;
				max-height: 450px;
			}
			.dropmenuph li,.dropmenuph2 li{
				padding:5px;
			}
			.more_serph,.more_disph{
				background: white;
		border: 1px solid #b1b1b1;
		margin-right: 5px;
			}
			
	
			.hr-l:after {
		content: "";
		display: block;
		top: 15px;
		bottom: 0;
		border-right: 1px solid #ededed;
		width: 14px;
		right: 100%;
		position: absolute;
	}
	.headtitle{
		margin-top:20px;
		color: #868181;
	}
	
			.check_item{
				color:#817c7c;
				margin-bottom:25px;
			}
			.check_item_title{
				color:#817c7c;
				font-size: 15px;
				margin-bottom: 5px;
			}
			.more_close{
				float: right;
			}
			.more_ser{
				padding:0 10px;
			}
			li.divider {
		height: 1px;
		margin: 5px 0;
		overflow: hidden;
		background-color: #e5e5e5;
		padding:0;
	}
	#maxfilter{
		position: fixed;
		width: 100%;
		background: white;
		border: 1px solid transparent;
		min-height: 40px!important;
		z-index: 999;
		box-shadow: 0 0 1px 0 rgb(75 74 74 / 52%);
		display: none;
	}
	.selectco_box{
		display: flex;position:relative;
	}
	.m-block{
		display:none;
	}
	.p-t-c{
		text-align: center;
        margin-right: 90px;

	}
@media only screen and (max-width: 1200px) {
	.ms2{
		width:100%;
	}
	.type3 {
		width: 35%!important;
	}
	.swiper-m{
		display:none;
	}
	.box_{
		left:26%;
	}
.wrapper,
.down,.down2,
.page,
.pro_page,
.mem_page,
.top,
.page_bg,
.cart_page,
.mem_page{
	width:100%;}
.in_product{
	margin:0px 0px;}
.top a {
    font-size: 15px;
	margin: 0px 0px 0px 14px;}
.product_list,
.in_product,
.shop_list{
    margin: 0px;}
.pro_box01,
.pro_page,
.mem_page{
    padding: 0px 15px;}
.mem_page{	
    flex-wrap: wrap;}

.pro_box06 {
    width: 25%;}
.page_t01 h2 {
	letter-spacing: 0.15em;
	font-weight:bold;}
.page_t01 h2 img {
    height: 37.5px;}

.mem_center {
    width: 100%;
    max-width: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.shop_t01 {
    font-size: 20px;}
.shop_b01 a {
    font-size: 13px;}
.shop_box01a .edit {
    margin-top: 20px;}
	.btn_more{
		width:17%;
	}
	.search_box{
		width:70%;
	}
	.choose_item{
		left: -152px;
	}
	#lo_box02{
		max-width: 580px;
	}
	.se_info{
		width:30%;
	}
	.i_box06 .type3 {
		width: 33%!important;
	}
	.type3_2 {
		width: 20% !important;
	}
	
}
@media only screen and (max-width: 1030px) {
	.bmore{
		display: none;
	}
	.dropmenu{
		left: 31%;
	}
}
@media only screen and (max-width: 900px) {
	.m-block{
		display:block;
	}
	.tii{
		display:flex;
		/* justify-content:space-between; */
	}
	.in_product2_join{
		display:grid;
	}
	.time{
		margin-left:30px;
	}
	.maxfilter-box{
		position: relative;
	}
	.dropmenuph, .dropmenuph2 {
		top: 80%;
		left: 6px;
	}
	/* .dropmenuph3{
		display: none;
	} */
	.selectco_box{
		position:inherit;
	}
	.user_place{
		top: 50% !important; /* 62% -> 50% 2022.08.08 */
		display: block !important;
	}
	.type2,.i_box06 {
		width: 32% !important;
	}
	.i_box06 .type2{
		width:100%;
	}
	.i_box06 {
		width: 32% !important;
	}
	.about_box03 .type2{
		width: 100% !important;
	}
	.path{
		margin:10px;display: flex;color: #7e7e7e;
	}
	.selectm{
		display:block;
	}
	.selectco{
		display: none;
	}
	.filter-box{
		padding:0;
	}
	.search_li {
		padding: 0 5px;
		margin: 0 5px;
		/* height: 35px; */
		/* line-height: 35px; */
	}
	.box02x{
		/* margin-left: 10px; */
		/* margin-right: 10px; */
		width: 95%;
	}
	.none-m{
        display: none!important;
	}
	#url{
		width: 75%;
	}
	.share_btn2 a {
		font-size: 25px;}
	.piccart{
		font-size:12px;
	}
	.contact_box0{
		width:100%;
	}
	.top a {
		font-size: 17px;
		margin: 0px 0px 0px 20px;
	}
	.top a.NAV2{
		margin: 14px 0 0 20px
	}
	.li2 a{
        font-size:15px
	}
	.choose_item{
		left: -20px;
	}
	.btn_box01 a{
		padding:5px;
	}
	.li a label{
		padding-top: 2px;
	}
	.choose_login2{
		margin:0;
	}
	p.green{
		width: 39%;
	}
	h3{
        font-size:18px;
    }
	#hr01{
		display:block;
	}
	.swiper-m{
		display:none;
	}
.page_bg{
	padding-top: 100px;
}
.page_bg.main_page {
	padding-top: 60px;
}
.p_bg{
	padding: 0px;
}
.nav.nav{
	display:none;
} 
.top a.logo {
    height: 60px;
	width: 170px;
	position: relative;
    top: 0;
	margin: 0;
}
.lang {
	display:none;}
.lang_b01 {
    width: 120px;}
nav.m_nav{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:flex-end;}
.menu{
	margin-left:20px;
	margin-right:10px;
	display:block;
	cursor:pointer;
	font-size:23px;
	color: #222222;}
.menu:hover{
	color:#949494;}
.top a.user,

.top a.cart{
    width: 30px;
    height: 30px;}
.top a.logout{
    width: 41.53px;
	height: 30px;}
.top {
    padding: 0 0px 0 4px;
	top: 0px;
}
.top a.logo p {
	/* top : 0px; */
	top : 10px;
}

.logo_title {
	left : 53px;
	font-size: 16px;
}

.logo_subtitle {
	left : 53px;
}

header.header{
	top:0px;
}
.header_h {
    height: 62px;
}
.faq {
    padding-top: 100px;
    margin-top: -50px;}

.m_bg{
	background:#ffffff;
	width:100%;
	height:100%;
	overflow-y:auto;
	position:fixed;
	left:0;
	top:0;
	z-index:1500}
.m_bgOn{
	display:block;}
.tab-inner{
	padding: 15px;
	background: #ffffff00;
}
.round{
	padding: 10px;
}
.login_box02{
	padding:20px;
}

.radio_box01 label{
	margin: 10px 1px;
}
.about_box02,
.about_box01En,
.en_box01,
.in_box01,
.about_box03,
.about_box01{
    flex-wrap: wrap;}
.edit_info2{
	width:100%;
}
.down_box01, .down_box03 {
    width: 25%;
	display:none;
}
.social_b01 {
    margin-bottom: 15px;}
.about_box01d {
    width: 200px;}
.about_box01b {
    width: 100%;}
.about_box01a {
    padding-right: 0px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;}
.about_box01c {
    width: 100%;
	margin-top:20px;}
.about_box01d {
    width: 200px;
    margin: 20px auto 0;}
.in_box02a{
	display:inline-block;
}

.ab_t03,
.in_box02a h2,
.in_box02b h2,
.faq_t01,
.in_box01b h2,
.ab_t02,
.ab_t01{
    font-size: 24px;}
.ab_t03 img,
.in_box02a h2 img,
.ab_t02 img,
.faq_t01 img,
.in_box01b h2 img{
    height: 37.5px;}
.about_box03a {
    width: 100%;}
.about_box03b {
	width:100%;
	margin-top:20px;
    padding-left: 0px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;}
.pro_box02,
.pro_box06{
    width: 33.3333%;}
a.news_box01 {
    width: calc( 33.3333% - 30px );}

.pro_box03a {
    width: 100%;}
.pro_box03b {
    padding-left: 0px;
    width: 100%;
	margin-top: 20px;}
.pic_box01 a {
    width: 23%;}
.cag_box02 a {
    width: 33.33333%;}

.flexbox01a{
	width:100%;}
.flexbox01b{
	width:100%;}
.qua_box01a input {
	font-size: 16px;}
.size_t01{
	font-size:16px;}
.size_table{
	font-size:12px;}
.order_box02 {
	font-size: 14px;}
.order_box01b,
.order_box01c,
.order_box01d{
	width:65%;
	margin-top:15px;
	text-align: right;
	/* display:none; */
}
.order_box01a{
	margin-top: 15px;
	width:65%;
	padding-left: 10px;
}
.order_box01{
	padding:10px 15px;}
.order_box02{
    padding: 10px 15px;
    flex-wrap: wrap;
	position:relative;
	border-bottom: 1px solid #e8e8e8;
}
.order_box02a,
.order_box02e{
    width: 32%;
	padding: 0px;}
.order_box02d {
    width: 14px;
    padding:0px;
	position: absolute;
	right: 30px;
	top: 20px;}
.order_box02b {
    width: auto;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align:right;
    padding:24px 0px 5px;
    order: 1;}
.order_box02c {
    /* width: auto; */
	font-size: 13px;
    /* padding:24px 0px 5px; */
    /* flex: 1; */
}
.order_box02c span,
.order_box02b span{
	display:inline-block;}
.order_box03 {
	display: block;
    margin-top: 15px;}
.order_box04{
	width:100%;
    margin-bottom: 15px;}
.order_box05 {
    width: 100%;
    margin-bottom: 15px;}
.order_box02b span{
	display:inline-block;}
.total_box01 {
    width: 100%;
    padding: 15px 10px 0px;}
.order_box06 {
    width: 100%;}
.s1_sbtn_all{
    flex-wrap: wrap;}
.s1_t01,
.s1_b01{
	width:100%;}
.s1_b01 {
    order: 1;
    text-align: center;}
.member_b01{
	text-align:center;}
.s1_t01{
    margin-top: 10px;
	line-height:1;
    order: 2;}
.order_box01e {
    width: 100%;
    padding: 0px;}
.shop_box01 {
    width: 100%;
    margin: 0px 0% 25px;}
.shop_box01 {
    flex-wrap: wrap;}
	.messagebox,.round {
		width: 100%;}
	.search_box{
		width: 85%;
		top:35%;
		padding: 15px;
	}
	.swiper_p01{
		padding-bottom:70%;
	}
	.btn_more{
		width:39%;
		bottom: 0%;
	}
	#content01b{width:90%;}
	#content01a {
		margin-top: 50px;
		width: 90%;}
#page {
    display: inline-block;
}
#page_bg{
	padding-top:35px;
}
.user_info{
	width:100%;
}
.user_info2 {
    width: 100%;
	position: relative;
}
#tab-demo{
	position: relative;
	background-color: rgb(251 251 251 / 0%);
    border: 0px solid rgb(243, 241, 241);
}
.column{
	width:28%;

}
.col{	min-height: 200px;}
#tab002,#tab005,#tab004,#tab003{
	/* display: flex; */
	display: inline;
}

.d_right a{
	width:105%;
}

#or01a img{
	width:11%;
}
#tab-demo>ul{
	display: block;
}
#tab-demo>ul>li{
	width:32%;
	display: inline-block;
}
.specific img {
    width: 20%;
}
.con-mod{
	width:60%;
}
.box1{
	width:100%;
	margin-bottom: 20px;
}
#box1{
	width:100%;
}
.row2{
	display: block;
	padding: 5px;
}
#pre_box{width:55%;}
.icon01 {
    width: 38%;}

.icon01 p {
	font-size: 14px;}
.se_edit{
	width: 100%;
	margin: 20px auto;
}
#lo_box02{margin: 0 auto;}

.ad_box01 {
    margin: 10px;
}
#select01 {
    width: 45%;
width: 100%;}
.se_info {
	width: 60%;
	text-align: center;
}
#contact{
	width:100%;
}
.cont_b01 a{
	width: 100%;
}
}

@media only screen and (max-width: 675px) {
	.type3 {
		width: 50%!important;
	}
	.type3_2 {
		width: 35% !important;
	}
	.box_{
		width:300px;
		left:15%;
	}
	.place_r,.place_l{
		width: 100%;
	}
	.ro{
		max-height: 500px;
	}
	.ro::-webkit-scrollbar{
		width:5px;
	}
	.ro::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
		border-radius:5px;
		-webkit-box-shadow: inset005pxrgba(0,0,0,0.2);
		background:rgba(73, 73, 73, 0.2);
	}
	
	.order_box01d,.order_box01c{
		width: 29%;
	}
	.box01d{
		width: 70%;
	}
	.contact img {
		width: 5%;}
	.label-warn img{
		width: 4.5%!important;
	}
	.m-none{
		display: none;
	}
	.views{
		display: inline-block;
	}
	.top {
		padding: 0 15px 0 4px;
		padding: 0;

	}
	.swiper{
		display:none;
	}
	.swiper-m{
		display:block;
	}
	
	.login {
		width: 400px;
		left: 10%;
		margin-left: 0;
	}
.add_box01b {
    min-width: 100%;}
.pro_box02, .pro_box06 {
    width:50%;}
a.news_box01 {
    width: calc( 50% - 30px );}
.cag_box02 a {
    width: 50%;}
.membox{
	display:block;
}

.mem_left {
    margin-top: 20px;
    margin-right: 0px;
    width: 100%;}
.mem_right{
	width: 95%;
	margin-left: 0;
}
.member_b01 a {
    display: inline-block;
    width: 49%;
    margin: 0px 0.5% 10px;}
.login_box02 {
	margin: 20px auto;}

.in_box01a {
    width: 100%;}
.in_box01b {
    padding: 20px 0px 0px 0px;
    width: 100%;}

.pro_box01b {
    padding: 10px 0 30px 0;}
.pro_box01b h3 {
    line-height: 1.3;
    font-size: 15px;}
.pro_box01b p {
    font-size: 14px;}
.down_box02 .social_b01 a.social_b01a {
    font-size: 14px;
    padding: 14px 10px;}
.tag_b01 {
    line-height: 1.5;}
.news_box02 h4 {
    font-size: 17px;}
.news_box02 time {
    margin-bottom: 10px;}
.q .faq_box01a, .q .faq_box01b {
    line-height: 18px;}
.faq_box01a {
    width: 28px;
    font-size: 18px;}
.in_edit, .edit {
    font-size: 14px;}
.shop_box01b {
	width:100px;}
.pro_box03b h4 {
    font-size: 18px;
	margin-bottom: 20px;
	padding: 10px 0 10px 20px;}
.pro_t01 {
    margin-bottom: 20px;
    font-size: 18px;}
.pro_box05 p {
    min-width: 100%;
	padding: 5.5px 15px 5.5px 0px;}
.pro_box05{
    flex-wrap: wrap;}
.manu {
	font-size: 12px;}
	.column{
		width:23%; /* 52%->25% 2022.08.12 */
		margin: 0 1%;
	}
	.col{
		min-height: 165px;
	}
	.page_bg p {
		font-size:14px;
	}
	.se_info {
		width: 90%;}
		
	.page_bg.main_page h2 {
		font-size: 22px;
	}
	.page_bg.main_page h3 {
		font-size: 16px;
	}
}
@media only screen and (max-width: 481px) {
	.btn_more2{
		top:73%;
	}
	.i_box03a span{
		top:56%;
	}
	.swiper{
		display:none;
	}
	.swiper-m{
		display:block;
	}
	.down2 {
		width: 100%;
	
	}
	.login {
		width: 327px;
		left: 7%;
		margin-left: 0;
	}
	
.page_bg h2 {
    font-size: 22px;
	letter-spacing: 1px;
}


.pic_box01 a {
    width: 31.33333%;}
.cag_box02 a {
    width: 100%;}
.ab_t03, .in_box02a h2, .in_box02b h2, .faq_t01, .in_box01b h2,.ab_t02,.ab_t01 {
	font-weight:bold;
    font-size: 20px;}
.ab_t03 img, .in_box02a h2 img, .faq_t01 img, .in_box01b h2 img,.ab_t02 img {
    height: 30px;}

.shop_box01a {
    min-width: 100%;
    margin-top: 20px;}
.shop_box01b {
    width: 100%;
    margin-right: 0;}
	#content01b{width:100%;}
	#content01a {
		width: 100%;}
}


/* 2022-06-21 */ 
.item_hide {
	display:none;
}

.path_all {
	margin:10px;
	margin-top:20px;
	display: flex;
	color: #7e7e7e;
}
/*2022-07-14*/
.text_read{
	background-color: #eaf8ff;
}

.member_ii_uploadimg{
	float: left;
    width: 18%;
	min-height: 235px;
    min-width: 120px;
    margin-top: 10px;
    margin-left: 10px;
}
@media only screen and (max-width: 900px){
.member_ii_uploadimg{
	width: 28%;
	min-height: 200px;
}	
}
@media only screen and (max-width: 675px){
.member_ii_uploadimg{
	width: 52%;
	min-height: 165px;
    margin: 0 auto;	
}	
}
/*2022-08-02*/
.btn_more2:hover{
	
	color: #fff!important;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #ff5300;
    background-image: none;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
}
/*會員照片*/

.about_box03{
	padding:0px;
}
.user_img_item{
	width:33.33333333%
}
@media only screen and (max-width: 1200px){
.user_img_item{
	width:50%
}
}
@media only screen and (max-width: 760px){
.user_img_item{
	width:100%
}
}
.btn_more2:hover{
	background-color: #ff5300;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
}
.badge-wrapper {
    position: relative;

    left: 0;
    z-index: 9;
}
.certified-slideout-wrapper, .featured-slideout-wrapper, .verified-slideout-wrapper {
    position: absolute;
    left: -115px;
    width: 150px;
    text-align: right;
    z-index: 100;
    background: #ff9661;
    background: -webkit-gradient(linear,left top,left bottom,from(#ff9661),to(#d14b0c));
    background: -webkit-linear-gradient(top,#ff9661,#d14b0c);
    background: -moz-linear-gradient(top,#ff9661,#d14b0c);
    background: -ms-linear-gradient(top,#ff9661,#d14b0c);
    background: -o-linear-gradient(top,#ff9661,#d14b0c);
    background-image: -ms-linear-gradient(top,#ff9661 0,#d14b0c 100%);
    -webkit-box-shadow: rgb(0 0 0 / 30%) 0 1px 1px;
    -moz-box-shadow: rgba(000,000,000,.3) 0 1px 1px;
    box-shadow: rgb(0 0 0 / 30%) 0 1px 1px;
    margin-bottom: 1em;
    -webkit-transition: margin-left .7s ease;
    -moz-transition: margin-left .7s ease;
    -o-transition: margin-left .7s ease;
    -ms-transition: margin-left .7s ease;
    transition: margin-left .7s ease;
}
.certified-slideout-wrapper.moved-right, .featured-slideout-wrapper.moved-right, .verified-slideout-wrapper.moved-right {
    margin-left: 60px; /* 125px->60px 2022.08.05*/
}
.ribbon-stitches-top {
    padding-top: 2px;
    border-top: 1px dashed rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 50%);
    box-shadow: 0 0 2px rgb(255 255 255 / 50%);
}
.featured-slideout-wrapper .ribbon-span{
    font-size: 1em!important;
    color: #fff;
    text-shadow: #000 0 1px 0;
    margin: 0!important;
    padding: 3px 7px;
    letter-spacing: normal;
}
.ribbon-stitches-bottom {
    padding-bottom: 2px;
    border-top: 1px dashed rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 30%);
    box-shadow: 0 0 2px rgb(255 255 255 / 30%);
}
.badge-ribbon .ribbon-span, .badge-ribbon h1, .certified-slideout-wrapper .ribbon-span, .certified-slideout-wrapper h1, .featured-slideout-wrapper .ribbon-span, .featured-slideout-wrapper h1, .verified-slideout-wrapper .ribbon-span, .verified-slideout-wrapper h1 {
    font-size: 1em!important;
    color: #fff;
    text-shadow: #000 0 1px 0;
    margin: 0!important;
    padding: 0px; /* 3px 7px -> 0px 0px 2022.08.17*/
    padding-left: 10px; /* 0px -> 10px 2022.08.17*/
    letter-spacing: normal;
}
.badge-ribbon {
    width: 2.2em;
    position: relative;
    background: #ff9661;
    background: -webkit-gradient(linear,left top,left bottom,from(#ff9661),to(#d14b0c));
    background: -webkit-linear-gradient(top,#ff9661,#d14b0c);
    background: -moz-linear-gradient(top,#ff9661,#d14b0c);
    background: -ms-linear-gradient(top,#ff9661,#d14b0c);
    background: -o-linear-gradient(top,#ff9661,#d14b0c);
    background-image: -ms-linear-gradient(top,#ff9661 0,#d14b0c 100%);
    -webkit-box-shadow: rgb(0 0 0 / 30%) 0 1px 1px;
    -moz-box-shadow: rgba(000,000,000,.3) 0 1px 1px;
    box-shadow: rgb(0 0 0 / 30%) 0 1px 1px;
    cursor: pointer;
    z-index: 101;
    margin-bottom: 1em;
	height: 24px;
}
.ribbon-stitches-top {
    padding-top: 2px;
    border-top: 1px dashed rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 50%);
    box-shadow: 0 0 2px rgb(255 255 255 / 50%);
}
.ribbon-content{
	position: relative;
    color: #fff;
    padding-right: 5px;
    font-size: 12px;
    top: -3px;
}
.badge_box{
	position: absolute;
	display: flex;
    flex-wrap: wrap;
	top: 5px; /* 15px -> 5px 2022.08.08 */
	left:0px;
}
.badge-wrapper_box{
    position: relative;
	width: 100%;
	max-height: 30px; /* 2022.08.08 新增 */
	margin-bottom: 5px; /* 2022.08.08 新增 */
}
/*有空*/
.is-online_m {
    width: 30px;
    height: 30px;
    position: relative;
	top: -43px;
    font-size: 14px;
    color: #97ff6d;
    text-shadow: #fff;
}
.dot_m {
	    z-index: 1;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 8px;
    left: 4px;
    border: 5px solid #8ac1f9;
    border-radius: 50px;
    box-shadow: 0 0 5px #029ef9;
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-name: pulse;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-out;
    -o-animation-name: pulse;
    -o-animation-duration: 1s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-out;
    animation-name: pulse;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}
.pulse_m {
    width: 16px;
    height: 16px;
    border: 5px solid #04a0fb;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #a3d7f5;
    z-index: 10;
    position: absolute;
    left: 11px;
    top: 15px;
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(.3);
	transform:scale(.3);
	opacity:.5}
	80%{-webkit-transform:scale(1.5);
	transform:scale(1.5);
	opacity:0}
	100%{-webkit-transform:scale(2.5);
	transform:scale(2.5);
	opacity:0}}
@-moz-keyframes pulse{
	0%{-moz-transform:scale(.3);
	transform:scale(.3);
	opacity:.5}
	80%{-moz-transform:scale(1.5);
	transform:scale(1.5);
	opacity:0}
	100%{-moz-transform:scale(2.5);
	transform:scale(2.5);
	opacity:0}}
@-o-keyframes pulse{
	0%{-o-transform:scale(.3);
	transform:scale(.3);
	opacity:.5}
	80%{-o-transform:scale(1.5);
	transform:scale(1.5);
	opacity:0}
	100%{-o-transform:scale(2.5);
	transform:scale(2.5);
	opacity:0}}
@keyframes pulse{
	0%{transform:scale(.3);
	opacity:.5}
	80%{transform:scale(1.5);
	opacity:0}
	100%{transform:scale(2.5);
	opacity:0}}
/*評分*/
#full-stars-example .rating-group {
  display: inline-flex;
}
#full-stars-example .rating__icon {
  pointer-events: none;
}
#full-stars-example .rating__input {
  position: absolute !important;
  left: -9999px !important;
}
#full-stars-example .rating__label {
  cursor: pointer;
  padding: 0 0.1em;
  font-size: 2rem;
}
#full-stars-example .rating__icon--star {
  color: orange;
}
#full-stars-example .rating__icon--none {
  color: #eee;
}
#full-stars-example .rating__input--none:checked + .rating__label .rating__icon--none {
  color: red;
}
#full-stars-example .rating__input:checked ~ .rating__label .rating__icon--star {
  color: #ddd;
}
#full-stars-example .rating-group:hover .rating__label .rating__icon--star {
  color: orange;
}
#full-stars-example .rating__input:hover ~ .rating__label .rating__icon--star {
  color: #ddd;
}
#full-stars-example .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
  color: #eee;
}
#full-stars-example .rating__input--none:hover + .rating__label .rating__icon--none {
  color: red;
}

#half-stars-example {

}
#half-stars-example .rating-group {
  display: inline-flex;
}
#half-stars-example .rating__icon {
  pointer-events: none;
}
#half-stars-example .rating__input {
  position: absolute !important;
  left: -9999px !important;
}
#half-stars-example .rating__label {
  cursor: pointer;
  padding: 0 0.1em;
  font-size: 2rem;
}
#half-stars-example .rating__label--half {
  padding-right: 0;
  margin-right: -0.6em;
  z-index: 2;
}
#half-stars-example .rating__icon--star {
  color: orange;
}
#half-stars-example .rating__icon--none {
  color: #eee;
}
#half-stars-example .rating__input--none:checked + .rating__label .rating__icon--none {
  color: red;
}
#half-stars-example .rating__input:checked ~ .rating__label .rating__icon--star {
  color: #ddd;
}
#half-stars-example .rating-group:hover .rating__label .rating__icon--star,
#half-stars-example .rating-group:hover .rating__label--half .rating__icon--star {
  color: orange;
}
#half-stars-example .rating__input:hover ~ .rating__label .rating__icon--star,
#half-stars-example .rating__input:hover ~ .rating__label--half .rating__icon--star {
  color: #ddd;
}
#half-stars-example .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
  color: #eee;
}
#half-stars-example .rating__input--none:hover + .rating__label .rating__icon--none {
  color: red;
}

#full-stars-example-two {}
#full-stars-example-two .rating-group {
  display: inline-flex;
}
#full-stars-example-two .rating__icon {
  pointer-events: none;
}
#full-stars-example-two .rating__input {
  position: absolute !important;
  left: -9999px !important;
}
#full-stars-example-two .rating__input--none {
  display: none;
}
#full-stars-example-two .rating__label {
  cursor: pointer;
  padding: 0 0.1em;
  font-size: 2rem;
}
#full-stars-example-two .rating__icon--star {
  color: orange;
}
#full-stars-example-two .rating__input:checked ~ .rating__label .rating__icon--star {
  color: #ddd;
}
#full-stars-example-two .rating-group:hover .rating__label .rating__icon--star {
  color: orange;
}
#full-stars-example-two .rating__input:hover ~ .rating__label .rating__icon--star {
  color: #ddd;
}
/*平均*/
.star-rating-row{
	display: flex;
	flex-wrap: wrap;
}

.front-stars, .back-stars, .star-rating {
  display: flex;
}

.star-rating {
  font-size: 20px;
}

.back-stars {
  color: #b9b9b9;
  position: relative;
  text-shadow: 4px 4px 10px #b9b9b9;
}

.front-stars {
  color: #FFBC0B;
  overflow: hidden;
  position: absolute;
  text-shadow: 2px 2px 5px #d29b09;
  top: 0;
  transition: all 0.5s;
}
.star-rating-fraction{
	position: relative;
    top: -5px;
    font-size: 20px;
	margin: 0 5px;
}

.search_result_box4{
	padding:0 15px;
}

.resend_btn{
	width: fit-content;
    height: fit-content;
    color: #fff;
    background: rgb(255 93 15);
    font-size: 14px;
    -webkit-border-radius: 4px;
    border: 0;
	margin: 0 auto;
}
/*20220816*/
.maxfilter-box.max-b2{
    width: 100%;
    position: fixed;
    top: 60px;
    background: white;
	z-index: 10;
}
@media only screen and (max-width: 900px){
	.maxfilter-box.max-b2{
		width: 100%;
		position: fixed;
		top: 60px;
		background: white;
		z-index: 10;
	}
}

.member_bottom {
	display: flex;
    padding: 5px;
    flex-wrap: wrap;
	width: 100%;
    justify-content: space-between;
}

.member_bottom_alert {
	min-width: 100%;
	font-size: 14px;
	text-align: center;
	margin: 10px;
}

.member_bottom_alert .red{
	color: #dc0d0d;
}

.member_bottom_alert .orange{
	color: #ee7819;
}

.member_bottom_box {
	width: 24%;
    padding: 0px 10px;
	text-align: left;
    position: relative;
}

.member_bottom_right {
	text-align: right;
}

.member_bottom_date {
	width: 28%;
}

.member_bottom_img {
	width: 22px;
    margin-right: 10px;
}

@media only screen and (max-width: 900px){
	.member_bottom_box , .member_bottom_date{
		width: 100%;
		margin: 5px;
	}
	
	.member_bottom_right {
		text-align: left;
	}
	
	.down_box02 {
		text-align: left;
	}
}

.near_member_box {
	width: 100%;
    display: flex;
    margin: 5px 0;
    height: auto;
}

.near_member_img {
	display: block;
    height: 0;
    margin-right: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 19%;
    min-width: 26%;
}

.near_member_info {
	font-size: 12px;
    color: #6c6b6b;
}

.near_member_info p {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    box-sizing: border-box;
    line-height: 1;
	margin-top: 3px;
}

.near_member_info p a {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    line-height: 1;
    -webkit-line-clamp: 2;
    height: 28px;
}

.m_top_nav {
	width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.resend_blocked {
	background: rgb(255,97,97);
}

.user_comments_box {
	margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
    position: relative;
	display: flex;
	flex-direction: column;
}

.user_comments_info {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width:100%;
	margin-bottom: 5px;
}

.user_comments_name {
	font-size: .95em;
    margin-left: 5px;
	margin-right: 5px;
}

.user_comments_date {
	display: inline;
    font-size: .85em;
    color: #999;
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 5px;
}

.user_comments_pushpin {
	display: inline;
    font-size: .85em;
    color: #999;
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 5px;
}

.user_comments_edit {
	display: inline;
    font-size: .85em;
    color: #999;
	margin-top: 2px;
}

.user_comments_edit a {
	margin-left: 5px;
}

.user_comments_msg {
	color: #656565;
    font-size: 14px;
    overflow: hidden;
    text-align: justify;
    border-left: 4px solid #b6b6b6;
    padding-left: 15px;
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	max-height:73px;
}

.user_comments_msg:hover {
    cursor: pointer;
}

.user_comments_msg.more::before{
	content: '';
	float: right;
	width: 0;
	height: 42px;
}

.user_comments_all {
	overflow: visible;
    height: max-content;
    display: block;
	max-height: max-content;
}

.user_comments_btn {
    background: none;
    border: none;
	display: none;
}

.user_comments_btn:focus {
	outline: none;
}

.user_comments_more {
	float: right;
	clear: both;
	padding: 0;
}

.user_comments_part {
	float: right;
	clear: both;
	padding: 0;
}

.line_icon_text {
	font-weight: 700;
    font-size: 18px;
    font-family: sans-serif;
    letter-spacing: 3px;
}

.line_float_right {
    background: url(../images/line_icon.png) center;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 0;
    padding: 0;
    cursor: pointer;
	display: block;
    height: 40px;
    position: fixed;
    right: 10px;
    bottom: 20px;
    text-align: center;
    width: 40px;
    z-index: 10;
    opacity: 1;
}

.user_list_box {
	max-width: 33.33%;
	width: 33.33%;
	position: relative;
	overflow: hidden;
}

.user_list_box.member_col_4 {
	max-width: 25%;
	width: 25%;
}

.user_data_box {
	overflow: hidden;
    width: 100%;
}

.user_data_box .user_img_box {
    margin: 0 auto;
    text-align: center;
    background: #000000e6;
}

.user_info_box {
	position: absolute;
	width: 100%;
	height: 100%;
    background: #212529bd;
    color: white;
	top: 100%;
	transition: top 0.4s;
	z-index: 2;
	display: flex;
	flex-direction: column;
    justify-content: center;
	font-family: "微軟正黑體", cursive;
	font-size: 12px;
	text-align: center;
}

.user_info_box.cate_info {
	justify-content: space-evenly;
}

.user_info_box.detail {
	position: unset;
    background: #ececec;
    color: #3b3b3b;
	justify-content: flex-start;
	padding: 25px 30px;
	margin-bottom: 20px;
	height: max-content;
}

.user_list_box:hover .user_info_box {
	top: 0;
	transition: top 0.4s;
}

.user_info_box .cate {
	padding: 0 50px;
	margin-bottom: 10px;
	/* display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; */
}

.user_info_box .cate span{
	font-size: 16px;
	margin: 3px;
}

.user_info_box .info {
	padding: 0 50px;
}

.user_info_box .info.full {
	padding: 0 5px;
}

.user_info_box .info h4 {
	font-size: 16px;
	padding: 5px 0;
	margin: 0;
}

.user_info_box .info .more_btn {
	border: 1px solid rgb(255, 255, 255);
	text-transform: uppercase;
	/* width: 80px;
	height: 35px; */
	width: fit-content;
	margin: 5px auto;
	padding: 5px;
}

.user_info_box .info .more_btn:hover {
	background-color: #ff5d0f;
	border: 0;
}

.user_info_box .info div a {
	color: white;
	/* padding: 10px 12px; */
}

.user_info_box .info img {
	max-width: 14px;
	width: 14px;
	max-height: 14px;
	height: 14px;
	margin-bottom: 2.5px;
}

.user_info_box .features {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	/* padding: 10px 10px 0 10px; */
	padding: 10px 10px 40px 10px;
}

.user_info_box.detail .features {
	padding: 0;
}

.user_info_box .features .left {
	text-align: left;
}

.user_info_box .features .right {
	text-align: right;
}

.user_info_box .features .addr {
	/* max-width:  calc(100% - 120px); */
	/* width:  calc(100% - 120px); */
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
	max-height: 18px;
}

.user_info_box .features .addr svg {
	margin: 0 5px;
}

.user_info_box .features .star svg {
	margin-right: 7px;
    margin-left: 3px;
}

.user_info_box .features .category {
	max-width: 120px;
	width: 120px;
}

.user_info_box .features .category svg {
	/* margin: 0 3px; */
}

.user_info_box .features .service {
	/* max-width:  calc(100% - 100px); */
	/* width:  calc(100% - 100px); */
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
	max-height: 18px;
}

.user_info_box .features .verify {
	max-width: 100px;
	width: 100px;
}

.user_info_box .features .verify svg {
	/* margin: 0 2px; */
}

.user_info_box .features .money {
	position: relative;
	width: 50%;
}

.user_info_box .features .money svg {
	margin: 0 3px;
}

.user_info_box .features .comments {
	width: 50%;
}

.user_info_box .features .comments svg {
	margin: 0 3px;
}

.user_info_box .phone {
	text-align: center;
    width: 100%;
}

.user_info_box .phone h6 {
	width: fit-content;
    text-align: center;
    margin: 0 auto;    
	margin-bottom: 10px;
    position: relative;
}

.user_info_box .phone .cover {
	position: absolute;
    right: -6px;
    bottom: -6px;
}
.user_info_box .describe {
	text-align: left;
}

.user_info_box .describe span {
	font-size: 18px;
}

.user_info_box .describe p {
	margin: 10px 0;
}

.user_info_box .describe .date {
	font-size: 14px;
}

.user_info_box.detail .more_btn {
	text-align: right;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid #ff5d0f;
    color: #ff5d0f;
    width: fit-content;
    margin-left: auto;
}

.user_follow_box {
	position: absolute;
    right: 10px;
    top: 50px;
    z-index: 3;
    text-align: center;
}

.user_imgs_total {
	position: absolute;
    right: 10px;
    top: 60px;
    z-index: 1;
}

.user_imgs_total span {
	background-color: #fafafad4;
    padding: 5px 7px;
	font-size: 11px;
}

.user_slogan_box {
	position: absolute;
    max-width: 80%;
    background: rgba(23,23,23,.7);
    padding: 5px 10px;
    top: 10px;
    z-index: 1;
}

.user_slogan_box span {
	color: white;
}

.user_online_icon {
	position: absolute;
    z-index: 3;
}

.user_online_icon .online {
	position: relative;
    top: -42px;
}

.user_left_box {
	margin: 5px 10px;
}

.user_left_box a img {
	max-width: 145px;
	min-width: 145px;
	width: 145px;
	max-height: 100px;
	min-height: 100px;
	height: 100px;
}

.user_right_box {
	padding: 5px;
}

.user_right_box .info {
	display: flex;
	flex-wrap: wrap;
}

.user_right_box .info span {
	color: #020202;
    margin-right: 20px;
}

.user_right_box .info div {
    font-size: 0.85em;
    color: #999;
    margin-right: 20px;
}

.user_right_box .describe {
	font-size: 14px;
}

.user_right_box .describe p {
	color: gray;
}

.user_right_box .describe p a {
	margin: 0 5px;
}

.user_online_icon span {
	font-size: 14px;
    font-weight: 500;
    text-shadow: 2px 1px 1px #000;
	color: #fff;
	padding-left: 19px;
}

.new_comments_member_box {
	max-width: 50%;
	width: 50%;
    display: flex;
    height: auto;
	margin-bottom: 20px;
}

.new_comments_member_img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 24%;
    min-width: 33%;
}

.new_comments_member_info {
	margin: 0 5px;
	position: relative;
	width: 100%;
}

.new_comments_member_info h4 {
	font-size: 16px;
}

.new_comments_member_info .info {
	font-size: .85em;
    color: #999;
	margin-bottom: 1em;
	display: flex;
	flex-wrap: wrap;
}

.new_comments_member_info .info span {
	margin-right: 10px;
}

.new_comments_member_info .content {
	font-size: 14px;
	font-family: "微軟正黑體", cursive;
	max-height: 42px;
	max-width: 350px;
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.new_comments_member_info .read_btn {
	text-decoration: none;
    color: #020202;
	padding: 5px;
    border: 1px solid rgb(194 194 194);
    position: absolute;
    right: 10px;
	bottom: 0;
    font-size: 14px;
}

.checkbox_modal {
	display: inline-block;
    /* width: 25px;
    height: 25px; */
	width: 20px;
	height: 20px;
    margin-right: 0.5em;
    background-color: #d3d3d3;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	border-radius: 10px;
}

.checkbox_modal.checked {
	background: #eec6b2;
    /* box-shadow: inset 0 1px 1px rgb(255 93 15 / 8%), 0 0 8px rgb(255 93 15 / 60%);*/
}

.checkbox_modal.checked::before {
	/* width: 3px;
    height: 13px;
    left: 13px;
    top: 6px; */
	width: 3px;
    height: 10px;
    left: 11px;
    top: 5px;
	content: " ";
    position: relative;
    display: block;
    background: #fff;
    transform: rotate(45deg);
}

.checkbox_modal.checked::after {
	/* width: 8px;
    height: 3px;
    left: 5px; */
	width: 7px;
    height: 3px;
    left: 4px;
	content: " ";
    position: relative;
    display: block;
    background: #fff;
    transform: rotate(45deg);
}

@media only screen and (max-width: 1200px) {
	.new_comments_member_info .info {
		margin: 0;
	}
	
	.new_comments_member_info .content {
		max-width: 220px;
	}
}

@media only screen and (max-width: 991px) {
	.user_list_box {
		max-width: 50%;
		width: 50%;
	}
	
	.user_list_box.member_col_4 {
		max-width: 33.33%;
		width: 33.33%;
	}
	
	.new_comments_member_box {
		max-width: 100%;
		width: 100%;
	}
	
	.new_comments_member_info .info {
		margin-bottom: 1em;
	}
	
	.new_comments_member_info .content {
		max-width: 100%;
		max-height: 63px;
		-webkit-line-clamp: 3;
	}
	
	.new_comments_member_info .read_btn {
		right: 0;
	}
	
	
	.user_list_box:hover .user_info_box {
		top: 100%;
		transition: unset;
	}
	
	.user_list_box.board2 .user_info_box {
		top: 0;
		transition: top 0.4s;
	}
	.user_list_box.board2:hover .user_info_box {
		top: 0;
		transition: top 0.4s;
	}
}

@media only screen and (max-width: 767px) {
	.user_list_box {
		max-width: 100%;
		width: 100%;
	}
	
	.user_list_box.member_col_4 {
		max-width: 50%;
		width: 50%;
	}
	
	.user_info_box .info .more_btn {
		/* width: 75px; */
		height: 30px;
		padding-top: 4px;
	}
	
	.user_info_box .info div a {
		padding: 5px 7px;
	}
	
	.user_list_box:hover .user_online_icon .span-d.span-d_d2.pc_hide {
		display: none;	
	}
	
	.user_list_box:hover .user_online_icon .span-d.span-d_d2.ph_hide {
		display: none;	
	}
	
	.new_comments_member_info .info {
		margin-bottom: 0em;
	}
	
	.new_comments_member_info .content {
		max-width: 100%;
		max-height: 42px;
		-webkit-line-clamp: 2;
	}
	
	.new_comments_member_info .read_btn {
		right: 10px;
	}
}

@media only screen and (max-width: 576px) {
	.new_comments_member_box {
		flex-direction: column;
		align-content: center;
		align-items: center;
	}
	
	.new_comments_member_img {
		padding-bottom: 124px;
		min-width: 178px;
		width: 178px;
	}
	
	.new_comments_member_info {
		margin: 5px 0;
		padding-bottom: 35px;
	}
	
	.new_comments_member_info h4 {
		text-align: center;
	}
	
	.new_comments_member_info .info {
		justify-content: center;
	}
	
	.new_comments_member_info .content {
		text-align: center;
	}
	
	.new_comments_member_info .read_btn {
		right: calc( 50% - 30px);
	}
}

.badge-wrapper.badge-wrapper1 .badge_fix {
	padding-top: 4px;
	height: 24px;
}

.badge-wrapper.badge-wrapper2 .badge_fix {
	width: 35px;
	padding-top: 2px;
}

.search_results_list1 {
    width: 100%;
	display: grid;
	grid-template-columns: repeat(6, 2fr);
	grid-template-rows: repeat(1, 1fr);
	grid-auto-rows: minmax(130px, 1fr);
	grid-auto-flow: row;
}

.search_results_list2 {
    width: 100%;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-auto-rows: minmax(65px, 1fr);
	grid-auto-flow: row;
}

.search_results_list3 {
    width: 100%;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-auto-flow: row;
}

.search_results_list4 {
	width: 100%;
	display: flex;
    flex-direction: column;
}

.user_list_box.s1 {
	max-width: 100%;
	width: 100%;
	max-height: 100%;
	height: 100%;
	grid-column-start: span 2;
	grid-row-start: span 2;
}

.user_list_box.s3 {
	max-width: 100%;
	width: 100%;
	max-height: 100%;
	height: 100%;
	grid-column-start: span 1;
	grid-row-start: span 1;
	padding: 0 15px;
}

.user_list_box.s4 {
	max-width: 100%;
	width: 100%;
	height: fit-content;
	display: flex;
}

.user_list_box.s1.small { 
	grid-column-start: span 1;
	grid-row-start: span 1;
}

.user_list_box.s1.small .user_data_box .user_info_box .features {
	display:none;
}

@media only screen and (max-width: 1199px) {
	.search_results_list1 {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.search_results_list2 {
		grid-template-columns: repeat(6, 1fr);
	}
	
	.search_results_list3 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (max-width: 767px) {
	.search_results_list1 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.search_results_list2 {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.search_results_list3 {
		grid-template-columns: repeat(1, 1fr);
	}
}
/*計數*/
.web_number_box{
	width: 100%;
    position: absolute;
    top: 70%;
    text-align: center;
}
.web_number_box .text{
    font-size: 1.7em; /* 2em;*/
    color: #ff0f68;
    display: inline-block;
    /* background: #ffffff33; */
    padding: 5px 20px;
}
.web_number_box .text > span{
    /*font-weight: 900;*/
}

.web_counter_style {
	display: flex;
    text-align: center;
    justify-content: center;
}

.web_counter_style div {
	background: radial-gradient(ellipse at center, #5a5a5a 0%,#000000 100%);
	color: #ff5d0f;
	padding: 3px;
	margin: .5px;
    min-width: 23px;
}

.web_counter_style span.num {
	padding: 3px 6.5px; /*3px 9.5px;*/
}

.index_banner{
	position: relative;
	width:100%;
    height: 670px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;
	padding-bottom: 150%;
}
.index_banner::before{
    content: '';
    background: transparent url(../images/123.png) repeat top left;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}

.index_banner2::before {
    content: " ";
    background: transparent url(../images/123.png) repeat top left;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}

.index_banner2 {
	position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 670px;
}

@media only screen and (max-width: 675px) {
	.index_banner2 {
		padding-bottom: 100%;
		height: 500px;
	}
}

/*.page_bg.banner_cover {
	background:#f7f8f9 url(../images/123.png) repeat top left;
	color: #202020;
	text-shadow: rgb(0 0 0 / 40%) 0 4px 3px, rgb(0 0 0 / 10%) 0 8px 13px, rgb(0 0 0 / 10%) 0 18px 23px;
}*/

.banner_cover {
	position: relative;
	background:#f7f8f9 url(../images/123.png) repeat top left;
	color: #202020;
	text-shadow: rgb(0 0 0 / 40%) 0 4px 3px, rgb(0 0 0 / 10%) 0 8px 13px, rgb(0 0 0 / 10%) 0 18px 23px;
}

.banner_cover h2 {
	position: absolute;
    font-size: 22px;
    letter-spacing: 1px;
	line-height: 1.2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.banner_cover img {
	display: none;
	visibility: hidden;
}

.banner_cover.banner_cust {
	background-size: contain;
	background-repeat: no-repeat;
}

.banner_cover.banner_cust::before {
	content: " ";
    background: transparent url(../images/123.png) repeat top left;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}

.banner_cover.banner_cust img:first-child {
	display: block;
}

@media only screen and (max-width: 700px) {
	.banner_cover.banner_cust img {
		display: block;
	}
	
	.banner_cover.banner_cust img:first-child {
		display: none;
	}
}

.about_list {
	width: 100%;
    /* margin-top: 30px; */
    padding: 30px;
    /* background: rgb(205 193 193 / 70%); */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.about_list:nth-child(even) {
    flex-direction: row-reverse;
}

.about_img {
	width: 360px;
	margin: 0 30px;
}

.about_img img {
    width: 100%;
    height: auto;
}

.about_content {
    color: #818181;
    text-align: left;
    
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.about_list:nth-child(even) .about_content {
	padding-left: 30px;
}

.about_title {
	font-weight: 600;
    font-size: 25px;
    margin: 15px 0;
}

.user_type_btn {
	font-size: 22px;
    text-align: center;
	/* padding: 15px; */
    margin: 10px;
}

.user_type_btn:hover {
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    transform: scale(1);
    transition: all 0.3s;
    cursor: pointer;
}

/* .user_type_btn img {
	height: 50px;
} */

.input_tips {
	position: relative;
	display: inline-block;
	margin-left: 5px;
	opacity: 1;
	z-index: 11;
}

.input_tips:hover {
	color: #ff5d0f;
}

.input_tips .tooltiptext {
	visibility: hidden;
	width: 170px;
	background-color: rgb(255, 255, 255);
	border:1px solid rgb(194, 194, 194);
	color: rgb(3, 3, 3);
	border-radius: 6px;
	padding: 10px;
	bottom: 110%;
	left: 60%;
	margin-left: -60px; 
	/* Position the tooltip */
	position: absolute;
	left: 0;
	box-shadow: 0 0 9px 0 rgb(82 81 81 / 51%);
}

.input_tips:hover .tooltiptext {
	visibility: visible;
}

.tooltiptext::after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-top: 0;
	bottom: 150px;
	left: 40px;
	border-top-color: #0e0c0c;
	border-width: 15px;
}

.notfilled{
	color:red;
	font-size:12px;
}

.web_features_item {
	display: flex;
	width: 100%;
	justify-content: center;
	margin-top: 30px;
	flex-wrap: wrap;
}

img.checkbox_img {
	width: 16px;
	height: 16px;
}

.tab-inner.tab_flex {
	display: flex;
	flex-wrap: wrap;
}

@media only screen and (max-width: 900px) {
	.index_banner {
		padding-bottom: 70%;
	}
	
	.about_list , .about_list:nth-child(even) {
		flex-direction: column;
		padding: 0;
		margin-bottom: 10px;
	}
	
	.about_list:nth-child(even) .about_content {
		padding: 0;
	}
	
	.about_img {
		width: auto;
	}
	
	.about_title {
		text-align: center;
	}
	
	.user_type_btn {
		width: 55%;
		margin: 10px;
		/* padding: 10px; */
	}
}

@media only screen and (max-width: 675px) {
	.index_banner {
		/* padding-bottom: 100%; */
		padding-bottom: 150%;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		height: 600px;
	}
	
	.search_box_choose.gopage{
		position: absolute;
		right: 15px;
		top: 11px;
		height: 31px;
	}
}

.about1_box {
	display: flex;
}

.about1_box .box_left,.about1_box .box_right {
	width: 50%;
	padding: 10px;
}

.about1_box .box_left {
	text-align: right;
}

.about1_box .box_left img {
	max-height: 250px;
}

.about1_box .box_right {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.about1_box .box_right .item {
	margin: 5px 0;
}

.about1_box .box_right svg {
	margin-right: 10px;
}
.about1_box .box_right h5 {
	font-size: 1.3rem;
	font-weight: 900;
    line-height: 1.5;
	margin: 0;
}

@media only screen and (max-width: 827px) {
	.about1_box {
		flex-direction: column;
	}
	
	.about1_box .box_left, .about1_box .box_right {
		width: 100%;
	}

	.about1_box .box_left {
		text-align: center;
	}
	
	.about1_box .box_right {
		align-items: center;
	}
	.about1_box .box_right h5 {    
		font-size: 1.2rem;
	}
}
/*tag*/
.tag {
    width: 100%;
    text-align: center;
    position: fixed;
    right: 100%;
}
.tag > a {
    display: inline-block;
    margin: 5px 5px 0px 5px;
    border: 1px solid rgb(212 191 191 / 0%);
    line-height: 1;
    padding: 7px;
    color: rgb(212 191 191 / 0%);
    border-radius: 3px;
}
.tag > a > h2{
    font-size: 16px;
    margin-bottom: 0px;
}
.tag_h1{
	text-align:center;
	font-size:26px;
	margin:20px 0px 40px 0px;
}
.etag_dit{
	width:100%;
	max-width:1200px;
	padding:10px;
	margin:auto;
}
.text_center{
    text-align: center;
    max-width: 90%;
    margin: auto;
}

.text_center > h3 {
    font-size: 20px;
    margin-bottom: 55px;	
}
.text_center.h1_text_margin{
	margin-top:35px;
}
.text_center.text_margin{
	margin-top:55px;
}