/** font style  **/
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto+Condensed|Roboto+Mono&display=swap');
body{
	/* 'cwTeXYen', */
  font-family: 'Noto Sans TC','Roboto Condensed','Roboto Mono', sans-serif !important;
 color: #382D2B;
 font-weight: 400;
 font-size: 18px;
 line-height: 1.5;
}

/* Basic */
.help-block {
	color: red;
}
.txt-red{color:#8679b2;}
a.txt-red{color:#8679b2;text-decoration: none;}
a.txt-red:hover{color:#8679b2;text-decoration: none;}
.single-page {
	height: 100%;
	padding-top: 120px;
	font-size: 18px;
	padding-bottom: 5%;
	min-height: 100vh;
}
.single-page-tit {
	text-align: center;
	margin: 0 auto;
	width: 200px;
}

.single-page-tit img{
	width: 100%;
	display: block;
	height: 100%;
	object-fit: contain;
}
.single-page-txtarea {
	margin: 5% 0;}
.modal.shopping-pop{z-index: 2000;}
.btn.btn-linebrown {
	letter-spacing: 1px;
	border-radius: 50px;
	color: #8679b2;
	background: #fff;
	border: 1px solid #8679b2;

}
.btn.btn-linebrown:hover {
	transition: 0.3s;
	border: 1px solid #8679b2;
	color: #fff;
	background: #8679b2;
}
.btn.btn-brown,a.btn-brown{
	color: #fff;
	background: #8679b2;
	border-radius: 50px;
	letter-spacing: 1px;
	/* border: 1px solid #8679b2; */

}
.btn.btn-brown:hover,a.btn-brown:hover {
	background: #8679b2;
	color: #ffffff;
	transition: 0.3s;
}

#mainbkg .btn.focus,#mainbkg  .btn:focus{
  box-shadow: none;
}

#mainbkg .fixed-top{
	padding-right: 40px;
	margin-top: -10px;
}
.morebtn-w a {
	display: inline-block;
	color: #ffffff;
	position: relative;
	text-align: center;
	border: solid 2px;
	padding: 10px 20px;
	border-radius: 10px;
}
.morebtn-w a:after {
	content: "";
	position: absolute;
	background-image: url(../images/arrow-w.svg);
	width: 40%;
	height: 40%;
	background-repeat: no-repeat;
	background-size: contain;
	right: -30%;
}
a.pink-txt{color:#8679b2; }
form a{ color: #8679b2;}
form a:hover{
	text-decoration:none;
	color: #463480;
   transition:0.3s; 
}
a.normal-button , button.normal-button ,input.normal-button {
	color: #8679b2;
	border: 1px solid;
	padding: 0.5rem 1rem;
	display: inline-block;
	border-radius: 50px;
  background: #edecf7;
	border: 0;
}
a.normal-button:hover, button.normal-button:hover, input.normal-button:hover{
	text-decoration:none;
	color: #fff;
   transition:0.3s; 
	 background-color: #8679b2;
}

button.normal-button.fblogin-btn{
	background: #175C95;
	border: 1px solid #175C95;
	color: #ffffff;
}
button.normal-button.fblogin-btn:hover{
	background: #114876;
	border: 1px solid #114876;
	color: #ffffff;
}
.button-top {
	text-align: center;
}
.button-top a.normal-button,.button-top button.normal-button {
	padding: 10px 20px;
}
span.title-style {
	font-size: 20px;
	font-weight: 800;
	color: #8679b2;
}
/*form label {
	height: 1.2rem;
	margin-bottom: 0.6rem;
}*/

.member-form  input:focus{
	outline: none;
	box-shadow: none;
	border:1px solid #817171; }
.form-select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../images/arrow_down.svg);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 20px;
}

.input-date-addon input{
	background-image: url(../images/calendar-alt-solid.svg);
	background-repeat: no-repeat;
	background-position: 95% center;
}

.member-form input {
	margin: 10px 0;
}
.bottom-link {
		margin: 0 auto;
	width: max-content;
}

.bottom-link li:first-child {
	border-right: 1px solid;
}

.bottom-link li {
	padding: 0 0.5rem;
	display: inline-block;
}

#pagemenuwrap .dropdown-item:active,#pagemenuwrap .dropdown-item:hover{
	background:#edecf7; color: #ffffff; }


/*mainscreen*/ 

#mainbkg{
  /* min-height:100vh; */
  position: relative;
  z-index: 0;
  font-size: 18px;
}
#mainbkg:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100vh;
	/*background: rgba(0, 0, 0, 0.5);*/
	 z-index:2;
}
#mainbkg .item {
	display: block;
	width: 100%;
	/* height: 100vh; */
	/* background-size: cover; */
	/* background-repeat: no-repeat; */
	/* background-position: bottom; */
}

#mainbkg .item img{
	width: 100%;
}


.mainbkg-carousel .owl-dots {
	position: absolute;
	right: 0;
	height: auto;
	bottom: 28%;
	-webkit-transform: rotate(90deg);
	-moz-transfrom: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mainbkg-carousel .owl-theme .owl-dots .owl-dot span {
	width: 20px;
	height: 5px;
	margin: 5px 7px;
	background: #ffffff;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 0px;
}

a.scroll-down-btn {
	display: block;
	position: absolute;
	top: calc(100vh - 20%);
	z-index: 99;
	left: calc((100vw - 107px)/2);
	color: #a58750;
}
a.scroll-down-btn:hover{text-decoration: none;color: #ffffff; }
.scroll-down-btn span {
	display: block;
	text-align: center;
	font-family: Roboto monospace;
	letter-spacing: 2px;
}

.scroll-down-btn img {
	display: block;
	margin: 1rem auto;
	width: 1.6rem;
	-moz-animation: down 1.5s linear infinite;
	-webkit-animation: down 1.5s linear infinite;
	animation: down 1.5s linear infinite;
}
@keyframes down {
	 0% {             
		   transform: translate(0px, 5px);            
		}            
		50% {                
		   transform: translate(0px, -2px);            
		}            
		100% {                
		   transform: translate(0px, 5px);
		}
}
@-webkit-keyframes down {
	 0% {             
		   transform: translate(0px, 5px);            
		}            
		50% {                
		   transform: translate(0px, -2px);            
		}            
		100% {                
		   transform: translate(0px, 5px);
		}
}

#pagewrap {
	/* background: url(../images/white_wall_hash.png); */
	background-color: #ffffff;
	background-repeat: repeat;
	position: relative;
	height: auto;
	min-height: 100vh;
	/*background-size: contain;*/
	color: #515151;
	padding-bottom: 380px;
	font-size: 18px;
	width: 100%;
	overflow: hidden;
}
.page-topbanner{
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	background-image:url("../images/ice-cream-in-a-bowl.svg");
	/*background-attachment: fixed;*/
}
.page-topbanner:after {
	content: "";
	/*background: rgba(0, 0, 0, 0.38);*/
	position: absolute;
	width: 100%;
	height: 100%;
}
.page-title {
	position: absolute;
	width: 130px;
	height: 130px;
	left: calc((100% - 130px)/2);
	top: 50%;
	z-index: 1;
}
.page-title img {
	width: 100%;
	margin: 0 auto;
	display: block;
}

.pages .page-item:first-child .page-link img {
	height: 1.2rem;
}
.pages .page-item:last-child .page-link img {
	height: 1.2rem;
}
.pages a.page-link {
	color: #3E3E3E;
}
.pages a.page-link {
	background: none;
	border: none;
		padding: 0.3rem 0.7rem;
}
.pages .page-item.active .page-link {
	z-index: 1;
	background: #FAE9DC;
	border-radius: 50px;
	color: #3e3e3e;
}
/** menu style  **/
@import url(https://fonts.googleapis.com/css?family=Vollkorn|Roboto);
body {
  background: #F5F5F5;
}
.mainlogo {
	position: absolute;
	z-index: 99;
   left: calc((100vw - 140px)/2);
	top: 25%;
}
.mainlogo img {
	width: 140px;
}
div#side-menu {
	z-index: 999;
}
.button_container {
	position:absolute;
	top: 45%;
	left: 2%;
	height: 46px;
	width: 35px;
	cursor: pointer;
	z-index: 2003;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
	/*mix-blend-mode: exclusion;*/
}

#rwd-menuopen.active{
	position: fixed;
	top: 6px;
	left: 2%;
}

.button_container.active{
	position: fixed;
}

.button_container:hover {
  opacity: .8;
}
.button_container.active .top {
  -webkit-transform: translateY(9px) translateX(0) rotate(45deg);
		  transform: translateY(9px) translateX(0) rotate(45deg);
  background: #8679b2;
	  border-radius: 0;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
		  transform: translateY(-9px) translateX(0) rotate(-45deg);
  background: #8679b2;
	  border-radius: 0;
}
.button_container span {
	background: #ffffff;
	border: none;
	height: 4px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 3px;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
	color: #ffffff;
}
.button_container span:nth-of-type(1) {
 border-radius: 50px 50px 0 0;
}

.button_container span:nth-of-type(2) {
  top: 9px;
}
.button_container span:nth-of-type(3) {
  top: 18px;
	  border-radius: 0 0 50px 50px
}
.button_container span:nth-of-type(4) {
	background: none;
	top: 32px;
	left: 1px;
	font-family: Roboto monospace;
	font-weight: 300;
}
.overlay_bg{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
	z-index: 2001;
	display: none;
}
.overlay_bg.open{
	display: block;
}

#mobile-overlay.open {
	width: 100%;
	background: #edecf7;
	opacity: 1;
  z-index: 2002;
}
#mobile-overlay.overlay nav {
	left: 20%;
	height: 80%;
}
.overlay {
  position: fixed;
  background: #edecf7;
  top: 0;
  left: 0;
  width: 40%;
  height: 0%;
  opacity: 0;
  z-index: 2002;
  visibility: hidden;
  -webkit-transition: opacity .3s, visibility .3s, height .3s;
  transition: opacity .3s, visibility .3s, height .3s;
}
.overlay:after {
	content: "";
	width: 20%;
	height: 100%;
	background: #edecf7;
	position: absolute;
	right: -10%;
	top: 0;
	z-index: 999;
	border-radius: 0 100% 100% 0;
}
.overlay.open {
  opacity: .9;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInleft .5s ease forwards;
		  animation: fadeInleft .5s ease forwards;
  -webkit-animation-delay: .35s;
		  animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
		  animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
		  animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
		  animation-delay: .50s;
}
.overlay nav {
	position: relative;
	height: 60%;
	top: 50%;
	left: 35%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 24px;
	letter-spacing: 2px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
	display: block;
	min-height: 50px;
	position: relative;
	opacity: 0;
	height: 15%;
	vertical-align: middle;
}
.overlay ul li:hover>a {
	color: #463480;
	transition: color 0.5s;
}
.overlay ul li a {
	display: block;
	position: relative;
	color: #8679b2;
	text-decoration: none;
	overflow: hidden;
	padding-bottom: 6px;
	vertical-align: middle;
	padding-top: 6px;
}

.overlay-menu li{padding-left: 30px;}
.overlay-menu li:nth-of-type(1) {
	/*background: url(../images/w-about.svg)no-repeat;*/
	background-size: 2rem;
	background-position: left top;
}
.overlay-menu li:nth-of-type(2) {
	/*background: url(../images/w-party.svg)no-repeat;*/
	background-size: 2rem;
	background-position: left top;
}
.overlay-menu li:nth-of-type(3) {
	/*background: url(../images/w-summer.svg)no-repeat;*/
	background-size: 2rem;
	background-position: left top;
}
.overlay-menu li:nth-of-type(4) {
	/*background: url(../images/w-cookie.svg)no-repeat;*/
	background-size: 2rem;
	background-position: left top;
}
.overlay-menu li:nth-of-type(5) {
	/*background: url(../images/w-good.svg)no-repeat;*/
	background-size: 2rem;
	background-position: left top;
}
.overlay-menu li:nth-of-type(6) {
	/*background: url(../images/w-chat.svg)no-repeat;*/
	background-size: 2rem;
	background-position: left top;
}

/**menu - hover**/

.overlay-menu li:nth-of-type(1):hover {
	/*background: url(../images/red-about.svg)no-repeat;*/
	background-size: 2rem;
	background-position: left top;
	transition: 0.35s;
}
.overlay-menu li:nth-of-type(2):hover  {
	/*background: url(../images/red-party.svg)no-repeat;*/
	background-size: 2.1rem;
	background-position: left top;
	transition: 0.35s;
}
.overlay-menu li:nth-of-type(3):hover  {
	/*background: url(../images/red-summer.svg)no-repeat;*/
	background-size: 2.1rem;
	background-position: left top;
	transition: 0.35s;
}
.overlay-menu li:nth-of-type(4):hover  {
	/*background: url(../images/red-cookie.svg)no-repeat;*/
	background-size: 2.1rem;
	background-position: left top;
	transition: 0.35s;
}
.overlay-menu li:nth-of-type(5):hover  {
	/*background: url(../images/red-good.svg)no-repeat;*/
	background-size: 2.1rem;
	background-position: left top;
	transition: 0.35s;
}
.overlay-menu li:nth-of-type(6):hover  {
	/*background: url(../images/red-chat.svg)no-repeat;*/
	background-size: 2.1rem;
	background-position: left top;
	transition: 0.35s;
}

/** RWD menu **/
#mobile-overlay .overlay-menu li:nth-of-type(1) {
	background: url(../images/menu_icon.svg)no-repeat;
	background-size: 1rem;
	background-position: left center;
}

#mobile-overlay .overlay-menu li:nth-of-type(2) {
	background: url(../images/menu_icon.svg)no-repeat;
	background-size: 1rem;
	background-position: left center;
}
#mobile-overlay .overlay-menu li:nth-of-type(3) {
	background: url(../images/menu_icon.svg)no-repeat;
	background-size: 1rem;
	background-position: left center;
}
#mobile-overlay .overlay-menu li:nth-of-type(4) {
	background: url(../images/menu_icon.svg)no-repeat;
	background-size: 1rem;
	background-position: left center;
}
#mobile-overlay .overlay-menu li:nth-of-type(5) {
	background: url(../images/menu_icon.svg)no-repeat;
	background-size: 1rem;
	background-position: left center;
}
#mobile-overlay .overlay-menu li:nth-of-type(6) {
	background: url(../images/w-good.svg)no-repeat;
	background-size: 1rem;
	background-position: left center;
}
#mobile-overlay .overlay-menu li:nth-of-type(7) {
	/*background: url(../images/w-chat.svg)no-repeat;*/
	background-size: 1rem;
	background-position: left center;
}
#mobile-overlay .overlay-menu li:nth-of-type(1):hover {
	/*background: url(../images/red-member.svg)no-repeat;*/
	background-position: left center;
	transition: 0.35s;
}
#mobile-overlay .overlay-menu li:nth-of-type(2):hover {
	/*background: url(../images/red-about.svg)no-repeat;*/
	background-position: left center;
	transition: 0.35s;
}
#mobile-overlay .overlay-menu li:nth-of-type(3):hover  {
	/*background: url(../images/red-party.svg)no-repeat;*/
	background-position: left center;
	transition: 0.35s;
}
#mobile-overlay .overlay-menu li:nth-of-type(4):hover  {
	/*background: url(../images/red-summer.svg)no-repeat;*/
	background-position: left center;
	transition: 0.35s;
}
#mobile-overlay .overlay-menu li:nth-of-type(5):hover  {
	/*background: url(../images/red-cookie.svg)no-repeat;*/
	background-position: left center;
	transition: 0.35s;
}
#mobile-overlay .overlay-menu li:nth-of-type(6):hover  {
	/*background: url(../images/red-good.svg)no-repeat;*/
	background-position: left center;
	transition: 0.35s;
}
#mobile-overlay .overlay-menu li:nth-of-type(7):hover  {
	/*background: url(../images/red-chat.svg)no-repeat;*/
	background-position: left center;
	transition: 0.35s;
}

#mobile-overlay .overlay-menu ul li{
	height: auto;
	min-height: auto;
	margin: 5% 0;}



li.w-menuitem a span.short-menu-view{display: none;}


















@-webkit-keyframes fadeInleft {
  0% {
	opacity: 0;
	right: 20%;
  }
  100% {
	opacity: 1;
	right: 0;
  }
}

@keyframes fadeInleft {
  0% {
	opacity: 0;
	right: 20%;
  }
  100% {
	opacity: 1;
	right: 0;
  }
}

.login-btn img {
	width: 20px;
	height: 20px;
}
li.w-menuitem a {
	color: #fff;
}

li.w-menuitem a span {
	display: inline-block;
	margin-left: 3px;
	font-size: 18px;
}
.dropdown-link-item a.dropdown-item {
	color: #343434!important;
}
.dropdown-link-item a:active,.dropdown-link-item a:hover,.dropdown-link-item a:focus{
	color: #ffffff;
	background: #edecf7;
}


/** FIX MENU **/
#menuwrap {
	background: #ffffff;
	box-shadow: 0px 2px 3px #00000029;
	z-index: 2004;
}
#menuwrap .navbar-brand {
	margin: 0;
	/*width: 50px;*/
}
#menuwrap .navbar {
	padding: 0;
	background: #fff;
	padding-top: 5px;
  padding-bottom: 5px;
}
/*#menuwrap:after {
	content: "";
	width: 160px;
	height: 140px;
	position: absolute;
	background: #b78d83;
	left: calc((100% - 160px)/2);
	top: -10px;
	z-index: -1;
	box-shadow: 0px 2px 3px #00000029;
	border-radius: 50%;
}*/
.nav-item.nav-link.canter-logo {
	padding: 0 1.5rem;
	width: 140px;
}

#menuwrap .navbar-brand img {
	width: 100%;
}
.visible-title {
	visibility: hidden;
		display: none;
}

#menuwrap a {
	color: #8679b2;
}
.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
ul.flex-right {
	display: inline-flex;
	position: absolute;
	right: 10px;
	top: calc((100% - 30px)/2);
	margin-right: 1rem;
	padding: 0;
}
#menuwrap .main-menu .nav-item.nav-link a:hover,
#menuwrap .main-menu .nav-item.nav-link a:hover ~ .sub-txt,
#menuwrap a:hover {
	color: #463480;
}

.overlay-menu li:nth-of-type(1):hover {
	/*background: url(../images/red-about.svg)no-repeat;*/
	background-size: 2rem;
	background-position: left top;
	transition: 0.35s;
}
.overlay-menu li:nth-of-type(2):hover  {
	/*background: url(../images/red-party.svg)no-repeat;*/
	background-size: 2rem;
	background-position: left top;
	transition: 0.35s;
}
.overlay-menu li:nth-of-type(3):hover  {
	/*background: url(../images/red-summer.svg)no-repeat;*/
	background-size: 2rem;
	background-position: left top;
	transition: 0.35s;
}

.overlay-menu li:nth-of-type(4):hover  {
	/*background: url(../images/red-cookie.svg)no-repeat;*/
	
	background-size: 2rem;
	background-position: left top;
	transition: 0.35s;
}
.overlay-menu li:nth-of-type(5):hover  {
	/*background: url(../images/red-good.svg)no-repeat;*/
	
	background-size: 2rem;
	background-position: left top;
	transition: 0.35s;
}

button.menuBtn.button_container {
	background: none;
	border: none;
}
#topmenu .nav-link {
	padding: 0 0.3rem;
		width: 150px;
	text-align: center;
}
.flex-right .nav-item {
	padding: 0;
	padding-right: 10px;
	margin-top: -5px;
}
.rwdmenu.pagemenu{display: none;}

/** page menu **/
#pagemenuwrap {
	background: #fff;
	box-shadow: 0px 2px 3px #00000029;
	z-index: 1999;
	position: fixed;
	display: block;
	width: 100%;
	font-size: 18px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#pagemenuwrap .navbar-brand {
	margin: 0;
	/*idth: 50px;*/
}
#pagemenuwrap .navbar {
	padding: 0;
	background: #fff;
}
#pagemenuwrap:after {
	content: "";
	width: 160px;
	height: 140px;
	position: absolute;
	background: #b78d83;
	left: calc((100% - 160px)/2);
	top: -10px;
	z-index: -1;
	box-shadow: 0px 2px 3px #00000029;
	border-radius: 50%;
	display: none;
}

#pagemenuwrap .navbar-brand img {
	width: 100%;
}

#pagemenuwrap a {
	color: #8679b2;
}

#pagemenuwrap .main-menu .nav-item.nav-link a:hover,
#pagemenuwrap .main-menu .nav-item.nav-link a:hover ~ .sub-txt,
#pagemenuwrap a:hover {
	color: #463480;
}
#pagemenuwrap .navbar-brand img:hover {
	color: #8679b2;
}
#topmenu {
	position: relative;
		font-size: 18px;
}





/** social-link **/
.social-link{    
  position: fixed;
	right: 1rem;
	top: calc(50% - 180px);
	z-index: 2000;
	/* mix-blend-mode: difference; */
	pointer-events: none;
}
.social-link span img {
	display: block;
	margin: 0 auto;
	width: 0.8rem;
}
.social-link a {
  margin: 0 auto 10px;
	display: block;
	pointer-events: auto;
	mix-blend-mode: exclusion;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}
.pagestyle.social-link p {
	color: #565656;
}
.pagestyle.social-link .fallowus-icon:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 56px;
	right: 51%;
	top: -69px;
}
.fallowus-icon {
	margin-top: 80px;
	position: relative;
}
.social-img{
	transition: opacity .25s ease;
}


.fallowus-icon .social-img:hover {
  opacity: 0.75;
}


.pagestyle.social-link {
	position: absolute;
	right: 1rem;
	top: calc(50% - 180px);
	z-index: 100;
	mix-blend-mode: unset;
	pointer-events: none;
}
.pagestyle.social-link:hover{ 
	mix-blend-mode:unset;
	transition: 0.3s; }
.pagestyle.social-link  .fallowus-icon a:nth-of-type(1) { 
background: url("../images/g-facebook-icon.svg")no-repeat;
width: 1.3rem;
height: 1.3rem;
	background-size: contain;
}  
.pagestyle.social-link  .fallowus-icon a:nth-of-type(2) { 
background: url("../images/g-instagram-icon.svg")no-repeat;
width: 1.3rem;
height: 1.3rem;
background-size: contain;
}  
/* .pagestyle.social-link  .fallowus-icon a:nth-of-type(3) { 
background: url("../images/g-googlemap-icon.svg")no-repeat;
width: 1.6rem;
height: 1.6rem;
background-size: contain;
}   */

.main-menu li.nav-item.nav-link:nth-child(1) a:hover:before {
	content: "";
	/*background: url(../images/b-about.svg);*/
	background-size: contain;
	position: absolute;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	top: calc((100% - 32px)/2);
	left: calc((100% - 32px)/2);
	transition:0.5s; 
}

.main-menu li.nav-item.nav-link:nth-child(2) a:hover:before {
	content: "";
	/*background: url(../images/b-party.svg);*/
	background-size: contain;
	position: absolute;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	top: calc((100% - 32px)/2);
	left: calc((100% - 32px)/2);
	transition:0.5s; 
}

.main-menu li.nav-item.nav-link:nth-child(3) a:hover:before {
	content: "";
	/*background: url(../images/b-summer.svg);*/
	background-size: contain;
	position: absolute;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	top: calc((100% - 32px)/2);
	left: calc((100% - 32px)/2);
	transition:0.5s; 
}

.main-menu li.nav-item.nav-link:nth-child(5) a:hover:before {
	content: "";
	/*background: url(../images/b-cookie.svg);*/
	background-size: contain;
	position: absolute;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	top: calc((100% - 32px)/2);
	left: calc((100% - 32px)/2);
	transition:0.5s; 
}

.main-menu li.nav-item.nav-link:nth-child(6) a:hover:before {
	content: "";
	/*background: url(../images/b-good.svg);*/
	background-size: contain;
	position: absolute;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	top: calc((100% - 32px)/2);
	left: calc((100% - 32px)/2);
	transition:0.5s; 
}

.main-menu li.nav-item.nav-link:nth-child(7) a:hover:before {
	content: "";
	/*background: url(../images/b-chat.svg);*/
	background-size: contain;
	position: absolute;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	top: calc((100% - 32px)/2);
	left: calc((100% - 32px)/2);
	transition:0.5s; 
}

.main-menu li.nav-item.nav-link a{
	position: relative;
}
.main-menu .sub-txt {
	/*margin-top: 0.8rem;*/
	color: #8679b2;
	display: block;
}




.fallowus-icon:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 56px;
	background: #ada4d8;
	top: -69px;
	right: 50%;
}
.fallowus-icon a:nth-of-type(1) { 
background: url("../images/g-facebook-icon.svg")no-repeat;
width: 1.3rem;
height: 1.3rem;
	background-size: contain;
}  
.fallowus-icon a:nth-of-type(2) { 
background: url("../images/g-instagram-icon.svg")no-repeat;
width: 1.3rem;
height: 1.3rem;
background-size: contain;
}  
/* .fallowus-icon a:nth-of-type(3) { 
background: url("../images/googlemap-icon.svg")no-repeat;
width: 1.6rem;
height: 1.6rem;
background-size: contain;
}   */


/** 關於  **/

.page-topbanner.page-about {
	/* height: 500px; */
}
a.story-down{
	color: #ffffff;
	display: block;
	position: absolute;
	z-index: 99;
	top: calc(100vh - 30%);
	left: calc((100vw - 117px)/2);
cursor: pointer;}
a.story-down:hover{text-decoration: none;color: #ffffff; }
.story-down span {
	display: block;
	text-align: center;
	font-family: Roboto monospace;
	letter-spacing: 2px;
	cursor: pointer;
}
h2.story-us-tit {
	font-size: 1.8rem;
	text-align: center;
	margin: 3rem auto;
	color: #333;
}
#story-us img {
	text-align: center;
	display: block;
	margin: 3rem auto;
		max-width: 800px;
}
.story-down img {
	display: block;
	margin: 1rem auto;
	width: 1.6rem;
	-moz-animation: down 1.5s linear infinite;
	-webkit-animation: down 1.5s linear infinite;}

#story-us p {
	line-height: 1.5;
	color: #333;
}
h2.story-us-tit {
	font-size: 1.8rem;
	text-align: center;
	color: #9e6767;
}

.bottom-shop-info {
	background: url(../images/white_wall_hash.png) repeat;
	padding-bottom: 2rem;
	text-align: center !important;
	font-size: 1.5rem;
}
.ourplace-carousel {
	width: 1000px;
	height: 600px;
	margin: 0 auto;
}
.ourplace-carousel .item{
	width: 1000px;
	height: 600px;
}
.ourplace-carousel .item img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
p.place-intro {
	line-height: 1.5;
	margin: 2rem auto;
}
.ppc {
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-radius: 50%;
	display: block;
	overflow: hidden;
}

.ppc img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#story-us{margin-top: 30px;position: relative; width: 100%; text-align: center; font-size: 20px;}
.ppc-info {
	line-height: 1.4;
	margin: 1rem;
	padding: 1rem 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	min-height: 160px;
}
.story-photo {
	position: relative;
	margin-bottom: 150px;
	min-height: 500px;
	margin-top: -100px;
}
.story-photo-1 {
	width: 80%;
	margin: 10% auto;
	position: relative;
}
.story1-pic-a{position: absolute;left: calc((100% - 776px)/2);
}
.story1-pic-b{opacity: 0;transition: 0.6s;position: absolute;left: calc((100% - 776px)/2);
}


.story-photo-2 {
	position: absolute;
	z-index: 99;
	top: 65%;
	left: 15%;
}
.story2-pic-a{position: absolute;
}
.story2-pic-b{opacity: 0;transition: 0.6s;position: absolute;
}

.story-photo-3 {
	position: absolute;
	z-index: 99;
	top: 65%;
	left: 50%;
}
.story3-pic-a{position: absolute;
}
.story3-pic-b{opacity: 0;transition: 0.6s;position: absolute;
}



.sidetit-1 {
	color: #817171;
	position: absolute;
	display: block;
	height: auto;
	left: 2%;
	z-index: 1;
	top: 20%;
}
.sidetit-1 h6 {
	background: #817171;
	width: 1.8rem;
	height: 1.8rem;
	color: #ffffff;
	text-align: center;
	padding: 2px;
	display: block;
	border-radius: 50%;
	font-size: 1rem;
	line-height: initial;
	position: relative;
}
.sidetit-1 h6:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 60px;
	background: #817171;
	bottom: -70px;
	left: 13px;
}
.sidetit-1 span {
	display: block;
	writing-mode: tb-rl;
	font-family: 'Nunito Sans';
	font-weight: lighter;
	font-style: italic;
	letter-spacing: 1px;
	position: absolute;
	z-index: 999;
	left: 0.4rem;
	margin-top: 80px;
		height: 100px;
}
.sidetit-2 h6 {
	background: #817171;
	width: 1.8rem;
	height: 1.8rem;
	color: #ffffff;
	text-align: center;
	padding: 2px;
	display: block;
	border-radius: 50%;
	font-size: 1rem;
	line-height: initial;
	position: relative;
}
.sidetit-2 h6:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 60px;
	background: #817171;
	bottom: -70px;
	left: 13px;
}

.sidetit-2 {
	color: #817171;
	position: absolute;
	display: block;
	height: auto;
	left: 2%;
	z-index: 1;
	top: 45%;
}

.sidetit-2 span {
	display: block;
	writing-mode: tb-rl;
	font-family: 'Nunito Sans';
	font-weight: lighter;
	font-style: italic;
	letter-spacing: 1px;
	position: absolute;
	z-index: 999;
	left: 0.4rem;
	margin-top: 80px;
	height: 80px;
}

.ourplace-carousel .owl-carousel .owl-nav .owl-next:after {
	content: url(../images/next-r.svg);
	width: 80px;
	margin-right: 16px;
	position: absolute;
	bottom: calc((100% - 80px)/2);
	right: 0;
}


.ourplace-carousel .owl-carousel .owl-nav .owl-prev:after {
	content: url(../images/prev-l.svg);
	width: 80px;
	margin-right: 16px;
	position: absolute;
	bottom: calc((100% - 80px)/2);
	left: 1rem;
}


/** 最新活動   **/

#section1{
  background: url(../images/fruit-bkg.png)#ffffff;
  position: relative; 
  height: auto;
  min-height: 100vh;
  background-size:contain;
  padding-top: 10%;
  padding-bottom: 10%;
  font-size: 18px;
}
.section-tit {
	width: 180px;
	position: absolute;
	left: calc((100vw - 180px)/2);
	/*top: 5%;*/
	z-index: 99;
}
#section1:before {
	content: "";
	position: absolute;
	background-image: url(../images/wave.svg);
	top: -180px;
	width: 100%;
	height: 190px;
}
.section-tit img {
	width: 100%;
}
.news-area{position: relative;width: 100%;height: auto;}
.newsgray {
	background: rgba(234, 234, 234, 0.4);
	height: 350px;
	/* height: auto; */
	width: 100%;
	position: absolute;
	/* position: relative; */
	margin-bottom: 0;
	top: 0px;
}
.news-carousel .item {
	height: 100%;
}
.news-carousel-img {
	width: 100%;
	height: 350px;
}
.news-carousel-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	/*    padding-top: 48px;*/
}
.news-carousel {
	height: 440px;
		margin-left: 80px;
}
.news-carousel-img .owl-nav {
	height: 0;
	margin: 0;
}

.news-carousel .owl-carousel .owl-nav .owl-prev:before {
	content: "";
	background: url(../images/left-nav.svg)no-repeat;
	background-size: contain;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 140px;
	left: -90px;
}
.news-carousel .owl-carousel .owl-nav .owl-next:before {
   content: "";
	background:url(../images/right-nav.svg)no-repeat;
	 background-size: contain;
   width: 35px;
	height: 35px;
	position: absolute;
   top: 140px;
   left: -50px;
}


.newsblock {
   padding-top: 60px;
	width: 100%;
	height: 100%;
}
.newstit {
	font-size: 1.3rem;
	letter-spacing: 1px;
	margin-bottom: 1rem;
	height: 65px;
	position: relative;
	line-height: 1.3;
	padding: 1rem;
	background-image: url(../images/colortit.svg);
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;}

.newstit a{
  color:#362D2A;
   }
.newstit a:hover{
  color:#9c8984;
  text-decoration: none;
   }
.news-txt {
	letter-spacing: 1px;
	line-height: 1.3;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	height: 185px;
	/*padding: 1rem;*/
}
.news-date {
	display: none;
  color: #362D2A;
  border: 3px solid;
  /*position: absolute;*/
  /*    display: inline-block;*/
  padding: 5px 2px;
  border-radius: 1rem;
  text-align: center;
  /*top: -14%;
  left: -100px;*/
}

.news-date span {
	display: block;
	font-size: 2rem;
	padding: 2px 15px;
}

.dateline {
	height: 3px;
	background: #362D2A;
	margin: 5px 0;
}
.news-list-block {
	padding: 2rem;
	background: #ffffff;
	border-top: 1px solid #909090;
	border-bottom: 1px solid #909090;
	margin: 5% 0;
	display: flex;
	position: relative;
	font-size: 18px;
}
.news-list-block:first-child {
	margin-top: 0;
}
.list-date {
	margin-right: 2rem;
		display: none;
}
.news-list-title {
	font-size: 1.3rem;
	letter-spacing: 1px;
	margin-bottom: 1rem;
	height: 70px;
	position: relative;
	line-height: 1.3;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding: 1rem;
	background-image: url(../images/colortit.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.news-list-title a{color:#362D2A; }
.news-list-title a:hover{text-decoration:none;color: #817171;   }

.news-list-txtbox {
	padding: 1rem;
	letter-spacing: 1px;
	line-height: 1.5;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	height: 160px;
}
.news-list-img {
	width: 100%;
	height: 250px;
}
.news-list-img img {
	width: 100%;
	height: 100%;
   object-fit: cover;
}

.news-list {
	padding: 5% 0;
	min-height: 100vh;
}
.news-list-date {
  color: #817171;
  border: 3px solid;
  display: block;
  padding: 5px 2px;
  border-radius: 1rem;
  width: 80px;
	  margin: 0 auto;
}

.news-list-date span {
	display: block;
	font-size: 2rem;
	padding: 2px 15px;
	text-align: center;
}

.news-list-date .dateline {
	height: 3px;
	background: #817171;
	margin: 5px 0;
}

.news-single-block {
	margin: 5% 0;
	background: #ffffff;
	border-top: 2px solid #817171;
	border-bottom: 2px solid #817171;
	position: relative;
	padding: 1rem 0;
}
.news-single-block .news-list-date {
	background: #ffffff;
}
.news-single-txt {
	padding: 0 5%;
	line-height: 1.5;
}
.news-single-block .list-date {
	position: absolute;
	left: calc((100% - 80px)/2);
	top: -52px;
	margin: 0;
}
.news-single-txtbox img{max-width: 100%;}
.morebtn {
	text-align: center;}
.morebtn a {
	display: inline-block;
	color: #8679b2;
	position: relative;
	text-align: center;
	border: solid 2px #8679b2;
	padding: 10px 20px;
	border-radius: 10px;
}
.morebtn a:after {
	content: "";
	position: absolute;
	background-image: url(../images/arrow.svg);
	width: 40%;
	height: 40%;
	background-repeat: no-repeat;
	background-size: contain;
	right: -30%;
}
.morebtn a:hover:after{
  right: -20%;
  transition:0.4s;
}
.morebtn-w a:hover:after{
  right: -20%;
  transition:0.4s;
}
.morebtn a:hover{
  color: #8679b2;
  text-decoration: none;
}
.morebtn-w a:hover{
  color: #ffffff;
  text-decoration: none;
}
.text-morebtn {
	position: absolute;
	right: 5%;
	bottom: 5%;
}
.text-morebtn a {
	font-size: 0.9rem;
	display: inline-block;
	color: #A0A0A0;
	position: relative;
	text-align: center;
	border: solid 1.5px;
	padding: 8px 15px;
	border-radius: 40px;
	line-height: unset;
}
.text-morebtn a:after {
	content: "";
	position: absolute;
	background-image: url(../images/g-arrow.svg);
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-size: contain;
	right: -1.5rem;
}
.text-morebtn a:hover:after{
  right: -2rem;
  transition:0.4s;
}
.text-morebtn a:hover{
  color: #A0A0A0;
  text-decoration: none;
}

.backlistbtn {
	text-align: center;
}

.backlistbtn a{display: inline-block;
	color: #A0A0A0;
	position: relative;
	text-align: center;
	border: solid 2px;
	padding: 10px 20px;
	border-radius: 40px;
	line-height: unset;}
.backlistbtn a:hover{
  color: #7B7B7B;
  text-decoration: none;
}
.next-morebtn a {
	display: inline-block;
	color: #A0A0A0;
	position: relative;
	text-align: center;
	border: solid 2px;
	padding: 10px 20px;
	border-radius: 40px;
	line-height: unset;
}
.next-morebtn a:after {
	content: "";
	position: absolute;
	background-image: url(../images/g-arrow.svg);
	width: 40%;
	height: 40%;
	background-repeat: no-repeat;
	background-size: contain;
	right: -30%;
}
.next-morebtn a:hover:after{
  right: -20%;
  transition:0.4s;
}
.next-morebtn a:hover{
  color: #A0A0A0;
  text-decoration: none;
}


 .next-morebtn.left-btn a:after {
	content: "";
	position: absolute;
	background-image: url(../images/g-arrow-left.svg);
	width: 40%;
	height: 40%;
	background-repeat: no-repeat;
	background-size: contain;
	left: -30%;
}
 .next-morebtn.left-btn a:hover:after{
  left: -20%;
  transition:0.4s;
}

.section-tit-block {
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 5%;
	height:50px;
}

.news-single-title {
	font-size: 1.3rem;
	letter-spacing: 1px;
	margin-bottom: 1rem;
	margin-top: 1.5rem;
	padding: 1rem;
	background-image: url(../images/colortit.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.news-single-img{width: 100%;height: 500px;}
.news-single-img img{width: 100%;height: 100%;object-fit: cover;}
.news-single-title a{color:#362D2A; }
.news-single-title a:hover{text-decoration:none;color: #817171;   }

.news-gridlist-block .news-list-txtbox {
	padding: 0;
	letter-spacing: 1px;
	line-height: 1.4;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	height: 95px;
	margin-top: 1rem;
}
.gridlist-title a {
	color: #343434;
	font-size: 1.2rem;
	letter-spacing: 1px;
	line-height: 1.5;
}
.gridlist-title a:hover {
	color: #817171;
	text-decoration: none;
}
.news-gridlist-block {
	background: #ffffff;
	padding: 2rem;
	border-top: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
	height: 550px;
	position: relative;
	margin-bottom: 15%;
}
.gridlist-title {
	margin-bottom: 0.5rem;
	line-height: 1.3;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news-gridlist-block .text-morebtn {
	position: absolute;
	right: 15%;
	bottom: 5%;
}
/** 商品頁 **/


/** 購物視窗 **/
.item-img {
	width: 300px;
	height: 300px;
	margin: 0 auto;
}
.item-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;} 


.product-top-img button {
	-webkit-appearance: none;
	border: none;
	background: none;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.min-item-pic a {
	display: block;
	height: auto;
	margin: 3px;
}
.min-item-pic img {
	width: 100px;
	height: 100px;
	object-fit: cover;
}
.min-item-pic {
   width: 25%;
	overflow-y: scroll;
	cursor: pointer;
}
.big-item-pic {
	width: 75%;
}
.min-item-pic::-webkit-scrollbar-thumb {
		border-radius: 20px;
		background:#817171;
	}
.min-item-pic::-webkit-scrollbar-track {
		border-radius: 0;
		background: rgba(255, 255, 255, 0);
		height: 1rem;
	}

.min-item-pic::-webkit-scrollbar {
		width: 6px; 
		height: 10px;
		cursor: pointer;
	}
.shopitem-modal .product-price span {
	font-size: 2rem;
	font-weight: 800;
}
.product-number {
	margin-top: 1rem;
	
}
.product-number form{   
	width: 100%;
}
.product-number form select {
	margin: 5px auto;
	font-size: 18px;
		border: 1px solid #ADADAD;
	border-radius: 8px;
}
.product-number form input{   
   
}
.product-large-item .product-price span {
	font-size: 35px;
	font-weight: 800;
	display: block;
}
.product-large-item .product-tit a{
	font-size: 30px;font-weight: 800;
}
.product-large-item  span.p-subtit{font-size: 1rem;}

.product-large-item .product-txt p {
	color: #888585;
	font-size: 20px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: 88px;
}

.product-large-item .product-txt{
	border:none; 
}
#item-pic-switch {
	display: flex;
}
.product-large-item {
	padding-bottom: 60px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 60px;
}
.min-item-pic a:first-child{
	margin-top: 0;
}

.min-item-pic a:last-child{
	margin-bottom: 0;
}


.shopitem-modal .product-txt{border-color:  #ADA7A7;}
.shopitem-modal .input-group.input-number-frame{
	width: 100%;
}
.shopitem-modal .input-group.input-number-frame,.shopitem-modal select{
	border-color: #343434;
	border-radius: 8px;
}

.shopitem-modal  .checkout-btn-wrap{text-align: center; border-top: 1px solid #ADA7A7;padding-top: 1rem;}
.shopitem-modal .modal-content {
	padding: 40px;
	margin-top: 0%;
	border-radius: 30px;
	border-color: #ADA7A7;
}

button.btn.btn-linebrown.add-to-cart.browenshopcart {
	background-image: url(../images/brown-cart.svg);
	background-repeat: no-repeat;
	background-size: 1.3rem;
	padding-left: 2.3rem;
	background-position: 10% center;
}
button.btn.btn-linebrown.add-to-cart.browenshopcart:hover{
	background-image: url(../images/shopccart-red.svg);
	background-repeat: no-repeat;
	background-size: 1.3rem;
	transition: 0.4s;}

.hotsale {
	position: absolute;
	z-index: 99;
	left: -10px;
	top: -10px;
}

ol.check-atm-info {
	margin-top: 1rem;
	margin-left: 3rem;
}

ol.check-atm-info li {
	margin: 5px 0;
}
button.buy_rule_btn {
	font-size: 18px;
	border: 1px solid;color: #fff;
	background: #8679b2;
}

button.buy_rule_btn:hover {
	color: #8679b2;
	background: #fff;

}
.QA_Qitem {
	border-bottom: 1px solid #d0cbcb;
	padding: 10px;
	padding-top: 20px;
	line-height: 1.43;
}
.QA_Qitem:last-child{
	padding-bottom: none;
}
.QA_question {
	min-height: 30px;
	padding: 1rem;
	padding-left: 45px;
	margin: 1rem 0;
	background: url(../images/q01.svg);
	background-position: left center;
	background-size: 30px;
	background-repeat: no-repeat;
}
.QA_ans{
	padding:0 1rem;
	padding-left: 45px;
	margin: 1rem 0;
	background: url(../images/ans01.svg);
	background-position: left top;
	background-size: 30px;
	background-repeat: no-repeat;
}
.QA_Qitem ol {
	list-style: decimal;
	padding-left: 2rem;
}
.QA_Qitem ol li {
	margin-bottom: 10px;
}
p.buy_rule-tit {
	font-size: 18px;
	line-height: 24px;
	padding: 0 28px;
	padding-bottom: 1rem;
	border-bottom: 1px solid #bfbfbf;
}

.buy_rule-tit span{
	font-size: 16px;
}

.buy_rule_title{
	font-size: 20px;
	margin-bottom: 30px;
}
.rule_modal_footer{
	justify-content: center;
	flex-direction: column;
	padding: 0;
}
.rule_modal_btn_g{
	display: flex;
}

.modal.buy_rule_modal{
	z-index: 2020;
	color: #777;
	font-size: 18px;
	padding-right: 0 !important;
}

.modal-footer .form-check-inline .rule_modal_check{
	width: 15px;
	height: 15px;
	position: relative;
	background-color: transparent;
	border: 1px solid #BE4F4F;
	appearance: none;
	-webkit-appearance: none;
	-mox-appearance: none;
	-o-appearance: none;
	border-radius: 3px;
	margin-top: -3px;
}



button.btn.btn-linebrown.add-to-cart.buy_browen {
	background-image: url(../images/brown-cart.svg);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	background-size: 25px;
	background-position: center;
	border-radius: 4px;
	display: block;
	border-color: #fff;
	background-color: transparent;
	margin-top: 3px;
}
button.btn.btn-linebrown.add-to-cart.buy_browen:hover {
   background-image: url(../images/shopccart-red.svg);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	background-size: 25px;
	background-position: center;
	border-radius: 4px;
	border-color: #8679b2;
}
.product-pric-area {
	display: flex;
	vertical-align: middle;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10px;
}
.product-large-item.main-hot-product{
   border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 30px;
	border-top: 1px solid #dddddd;
	padding-top: 30px;
}
.product-large-item.main-hot-product:first-child{
	border-top:none;
}

/** 精選商品  **/

#section2 {
	/* background: url(../images/white_wall_hash.png); */
	background-color: #ffffff;
	position: relative;
	height: auto;
	min-height: 100vh;
	background-size: contain;
	padding-top: 5%;
	padding-bottom: 300px;
	font-size: 18px;
}

.product-top-img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	position: relative;
}
.product-top-img button:after{
	opacity: 0;
	position: absolute;
	content: "";
	background: url(../images/morehover.svg)rgba(216, 216, 216, 0.59);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
	border-radius: 50%;
	left: 0;
	top: 0;
}
.product-top-img button:hover:after{
	opacity: 1;
	transition: 0.5s;
}
.product-block {
	margin: 1rem 2rem;
	position: relative;
}
.product-top-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-tit a {
	display: block;
	color: #434343 !important;
	font-size: 1.3rem;
	font-weight: 500;
	margin-bottom: 5px;
}
.product-tit a:hover{
  color: #776e64;
  text-decoration:none; 
}
.product-tit {
	margin-bottom: 10px;
	margin-top: 10px;
}
span.p-subtit {
	color: #B2A699;
	font-size: 0.85rem;
}

.product-txt {
	line-height: 1.5;
	border-bottom: 2px solid #b2a8ba;
	border-top: 2px solid #b2a8ba;
	padding: 15px 0;
	overflow: hidden;
}
.product-txt p{

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	height: 75px;
	color: #8f8f8f;
	font-size: 14px;
}
.product-price {
	/*margin-top: 1rem;*/
	font-size: 1.6rem;
	font-family: sans-serif;
	color: #88518a;
}
a.shopping-cart-btn {
	display: inline-block;
	float: right;
	width: 30px;
	height: 30px;
	background-image: url(../images/shoppingcart-btn.svg);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
.shopping-cart-btn:hover {
	background-image: url(../images/shopccart-red.svg);
	background-repeat: no-repeat;
	background-size: contain;
	transition: 0.4s;
	 cursor: pointer;
}
button.shopping-cart-btn {
	display: inline-block;
	float: right;
	width: 30px;
	height: 30px;
	background-image: url(../images/shoppingcart-btn.svg);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
button.shopping-cart-btn:hover {
	background-image: url(../images/shopccart-red.svg);
	background-repeat: no-repeat;
	background-size: contain;
	transition: 0.4s;
	 cursor: pointer;
}
.product-price span {
	display: inline-block;
}
.cart-btn img {
	width: 30px;
	height: 30px;
}

.btn.cart-btn {
	position: relative;
	padding: 0;
}

span.total-count {
	color: #ffffff;
	background: #9f64b6;
	display: block;
	padding: 2px 8px;
	border-radius: 50rem;
	font-size: 12px;
	position: absolute;
	top: -8px;
	right: -15px;
	padding-top: 2px;
	display: flex;
	width: 20px;
	height: 20px;
	justify-content: center;
	align-items: center;
}

.modal-price{
  border-top: 1px solid #e9ecef;
}
.shopping-pop .table td,.shopping-pop .table th,.shopping-pop .modal-footer{border: none;}
h5.shopping-pop-title {
	letter-spacing: 1px;
	color: #8679b2;
}

h5.shopping-pop-title img {
	width: 2rem;
	display: inline-block;
	margin-right: 10px;
	opacity: .6;
}
.allprice {
	color: #F03737;
	text-align: end;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}

.allprice span:nth-child(1){
display: inline-block;
margin-right:  2rem;
}
.product-category {
	color: #A0A0A0;
	font-size: 0.89rem;
	margin-top: 5px;
}
.total-cart{font-size: 1.3rem;}

.btn.delete-btn {
	width: 20px;
	height: 20px;
	background: url(../images/remove.svg)no-repeat;
	display: block;
}

.input-group.input-number-frame {
	border: 1px solid #ADADAD;
	border-radius: 8px;
	color: #ADADAD;
	width: 100%;
	margin: 5px auto;
}
.input-number-frame input::-webkit-outer-spin-button,
.input-number-frame input::-webkit-inner-spin-button {
		-webkit-appearance: none;}
.input-number-frame input[type=number] {
  -moz-appearance: textfield;
}    
.input-number-frame input{text-align: center;}    
.input-number-frame .minus-item.input-group-addon.btn {
	padding: 5px;
	margin: 0 5px;
	font-size: 1rem;
	background: url(../images/less.svg);
	width: 20px;
	height: 20px;
	color: rgba(255, 255, 255, 0);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
	margin-top: 10px;
}
.input-number-frame .plus-item.input-group-addon.btn {
	padding: 5px;
	margin: 0 5px;
	font-size: 1rem;
	background: url(../images/add.svg);
	width: 20px;
	height: 20px;
	color: rgba(255, 255, 255, 0);
	background-repeat: no-repeat;
	background-position: center 70%;
	margin-top: 10px;
}
.shop-pop-img {
	width: 90px;
	height: 90px;
	border: 1px solid #d2d0eb;
	border-radius: 2px;
	overflow: hidden;
}

.shop-pop-img img {
	width: 100%;
	/* height: 100%; */
	object-fit: cover;
}
.shopping-pop .table td {
	vertical-align: baseline;
}

.main-product-area {
	   margin: 100px 0;
}

/** 隱私權政策  **/
.single-page-txtarea.privacy-txt {
	line-height: 1.5;
}

.single-page-txtarea.privacy-txt li {
	margin: 1rem 0;
}


/** 會員中心  **/
.mamber-title {
	text-align: center;
	padding-top: 1rem;
	border-top: 1px solid #E3E3E3;
	margin-bottom: 1rem;
}

.mamber-title span {
	display: block;
	margin-bottom: 1rem;
}
.member-block {
	margin-top: 1rem;
	padding-bottom: 5%;
}
.table-title {
	vertical-align: middle;
	padding: 1rem 0;
}
.table-title h3 {
	font-size: 1.2rem;
	letter-spacing: 1px;
	 color: #A0A0A0;
}
.member-table-block a.normal-button {
	vertical-align: middle;
}

.member-table-block a.normal-button span {
	display: inline-block;
	font-size: 1rem;
}

.member-table-block a.normal-button img {
	width: 15px;
	display: inline-block;
	margin-left: 5px;
	margin-top: -4px;
}

.member-table a:hover {
	/* text-decoration: none; */
	color: #8679b2;
	transition: 0.3s;
}
.member-table a{color: #8679b2;}
.member-table-block {
	padding: 0 3%;
	margin-top: 5%;
}
.table.member-table th {
	border-top: none;
	border-bottom: 2px solid #b9b9b9;
}
.table.member-table {
	border-bottom: 2px solid #b9b9b9;
}
.table.member-table td {
	/*background: #ffffff;*/
	padding: 1.5rem 0.7rem;
}
.table.member-table tr + tr{
	margin-top: 20px;
}


.order-table a{color: #463480;}
.order-table-block {
   
	margin-top: 5%;
}
.table.order-table th {
	border-top: none;
	border-bottom: 2px solid #b9b9b9;
}
.table.order-table {
	border-bottom: 2px solid #b9b9b9;
	margin-top: 1rem;
}
.table.order-table td {
	/*background: #ffffff;*/
	padding: 1.5rem 0.7rem;
	vertical-align:middle ;
	position: relative;
	border-top: none;
}
td.shop-product-pic span {
	display: inline-block;
	max-width: 120px;
	vertical-align: middle;
	margin-left: 1rem;
}
.pricetag span{
	display: inline-block;
	font-size: 1rem;
	margin-right: 30%;
}


.rwd-table td:before {
	display: none;
			  }
.rwd-table th, .rwd-table td {
	display: table-cell;
	padding: 0.25em 0.5em;
}
.rwd-table th:first-child, 
.rwd-table td:first-child {
	padding-left: 0;
}

.rwd-table .hidden-td, 
.rwd-table .hidden-th {
padding-right: 0;
display: none;
}
.rwd-table th, 
.rwd-table td {
	padding: 1.2rem !important;}
span.order-number {
	display: inline-block;
	margin: 0 10px;
}
.member-form .formwrap{
	border-bottom: 2px solid #b9b9b9;
	border-top: 2px solid #b9b9b9;
	padding: 5% 10%;
	/*background: #ffffff;*/
	margin-bottom: 1rem;
}
input.lightcolor::placeholder {
	color: #D1D1D1;
}
.member-form-block {
	padding-top: 3%;
	padding-bottom: 10%;
}
form .form-check-inline.infocheck  > input {
	   width: 20px;
	height: 20px;
	border-radius: 3px;
	appearance: none;
	-webkit-appearance: none;
	-mox-appearance: none;
	-o-appearance: none;
	background-color: #fff;
	border: 1px solid #AAA9A9;
	cursor: pointer;
	outline: none;
	position: relative;
	padding: 10px;

}
.infocheck .form label {
	height: auto;
}

.infocheck > input:checked::before {
	color: #8679b2;
	content: "✓";
	text-align: center;
	display: block;
	position: absolute;
	left: calc((100% - 20px)/2);
	top: calc((100% - 45px)/2);
	width: 25px;
	height: 25px;
	font-size: 1.5rem;
}
.list-pic {
	width: 100px;
	height: 100px;
		display: inline-block;
}

.list-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.table {
	background-color: inherit !important;
}

.table-responsive.table-rwdscroll{
	 display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive.table-rwdscroll::-webkit-scrollbar-arrow-color{
	color:#8679b2;
}
.table-responsive.table-rwdscroll::-webkit-scrollbar {
		width: 10px; 
		height: 10px;
	}
.table-responsive.table-rwdscroll::-webkit-scrollbar-thumb {
		border-radius: 20px;
		background: #8679b2;
	}
.table-responsive.table-rwdscroll::-webkit-scrollbar-track {
		border-radius: 0;
		background: rgba(0,0,0,0.1);
	}

.min-size-td{min-width: 100px;}

td.text-right.final-price {
	color: #8679b2;
	font-size: 2rem;
}

td.text-right.final-price span {
	font-size: 0.9rem;
	color: #fff;
}
.final-price span {
	font-size: 0.9rem;
	color: #362d2a;
	display: inline-block;
	margin-right: 30%;
}
tr.price-calc td {
	border: none;
}
tr.price-calc .toptd{border-top:1px solid #D1D1D1;}
tr.price-calc td:first-child{text-align: right;}
tr.price-calc:last-child{border-top:1px solid #D1D1D1;}
td.coupon-price {
	color: #FF914D;
}
td.pricetag{font-family: sans-serif;}

.order-title {
	border-bottom: 1px solid #D1D1D1;
	padding-bottom: 10px;
	font-size: 1.2rem;
}
.address-info {
	border-bottom: 2px solid #b9b9b9;
	border-top: 2px solid #b9b9b9;
	/*background: #ffffff;*/
	padding: 1rem;
	margin-bottom: 1rem;
}

td .delete-item.btn.delete-btn {
	margin: 0 auto;
}

tr.toptr {
	border-top: 2px solid #b9b9b9;
}
.address select {
	color: #ffffff !important;
}
.radiocheck input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radiocheck input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.2rem;
  height:1.2rem;
  position: relative;
  top: calc((100% - 1.2rem)/2);
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.radiocheck input[type="radio"]:checked + .radio-label:before {
  background-color: #8679b2;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radiocheck input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #8679b2;
}
.radiocheck input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radiocheck input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
.radiocheck label {
	font-size: 20px;
	margin-right: 1rem;
	vertical-align: middle;
}
.radiocheck span{
	color: #A0A0A0;
}

.grayinput input, .grayinput textarea, .grayinput .form-control:focus {
		border: 1px solid #888888;
	background: #ffffff;
	outline: none;
	box-shadow: none;
}
.form-select.grayinput select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/arrow_down.svg)#EFEFEF;
	background-repeat: no-repeat;
	background-position: 95% center;
	border: none;
}

.checkout-btn-wrap {
	text-align: end;
	font-size: 18px;
}
.checkout-btn-wrap a, .checkout-btn-wrap button{
	font-size: 18px;
	padding: 0.8rem 1rem;
	min-width: 120px;
	text-align: center;
	margin: 0 10px;
}
.shopcart-title {
	padding-bottom: 2rem;
	border-bottom: 1px solid #d1d1d1;
	font-size: 1.2rem;
	margin-top: 5%;
}
.shopcart-title span {
	color: #A0A0A0;
	font-size: 50px;
	font-family:Noto sans-serif;
	font-style: italic;
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
}
.shopcart-title li {
	margin: 0 auto;
	position: relative;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.shopcart-title li.active:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background: #8679b2;
	bottom: -2rem;
	left: 0;
}
.shopcart-title li.active:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #8679b2 transparent;
	bottom: -2rem;
	left: calc((100% - 30px)/2);
}
.shopcart-title li.active span{
	color:  #8679b2;
}
.shopcart-title ul{ text-align: center; }
.order-block {
	margin: 5% 0;
}
.check-info{text-align: center;line-height:1.5;}
.checkout-finish img {
	height: 1.8rem;
	vertical-align: middle;
	margin-right: 1rem;
}
.form-check.infocheck {
	display: inline-block;
}


/**VIP*/
.somepage {
	padding-top: 150px;
	width: 80%;
	margin: 0 auto;
}
.somepage-title {
	font-size: 28px;
	text-align: center;
	width: 100%;
	padding-bottom: 0px;
	color: #8679b2;
	font-weight: 800;
}
.somepage-content {
	font-size: 20px;
	line-height: 1.3;
	color: #333333;
}
.somepage-listtitle {
	font-size: 22px;
	padding-bottom: 10px;
	padding-top: 50px;
}
.somepage-listcontent {
	font-size: 16px;
}
.somepage ul li {
	list-style: decimal;
	margin-left: 50px;
	font-size: 16px;
	padding-bottom: 15px;
}


/*表單*/
.error {
	padding-top: 5px;
}

/** 關於我們  **/
#section3 {
	background: url(../images/about-area.jpg)no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
	height: 650px;
	padding-top: 10%;
	z-index: 0;
	font-size: 18px;
	display: none;
}
/*#section3:after {
	content: "";
	background: rgba(4, 4, 4, 0.25);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 0;
}*/
.about-block {
	margin-bottom: 10%;
	margin-left: 5%;
}
.about-tit img{display: block;}
.about-tit img:nth-child(2) {
  margin-top: 1rem;
}
.about-block p {
	font-size: 18px;
	color: #ffffff;
	margin: 3% 0;
	line-height: 1.8;
	letter-spacing: 1px;}

.about-block p span {
	font-size: 1.5rem;
	display: block;
	margin-top: 1.5rem;
}
/** 聯絡我們  **/
#section4 {
	background: url(../images/white_wall_hash.png);
	position: relative;
	height: auto;
	min-height: 100%;
	background-size: contain;
	/*padding: 15% 0 10% 0;*/
	font-size: 18px;
}

.page-wavefooterwall .col-sm-6:first-child{
	padding-left: 0px;
	margin-bottom: 10px;
}

.shop-addres img {
	height: 2.5rem;
}

.shop-addres p {
	display: inline-block;
	vertical-align: middle;
}

.shop-addres p span {
	display: block;
	margin-bottom: 5px;
}
.shop-addres  span:nth-child(1){
  font-weight: 500;
}
.contactus-link-group {
	display: inline-block;
	color: #343434;
	text-align: left;
	padding-left: 1rem;
	padding: 5px;
}

.contactus-link-group a {
	color: #343434;
	margin: 5px;
	display: inline-block;
}

.contactus-link-group a:hover {
	color: #988d8d;
	text-decoration: none;
}

.contactus-link img {
	display: inline-block;
	padding-right: 1rem;
	width: 100%;
}
.contactus-link {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 1rem;
}
.contactus-txt {
	padding: 1rem 0;
	text-align: left;
}

.contactus-link-group ul {
	display:inline-block;
}

.contactus-link-group li {
	width: 100%;
}
.contactus-txt-group p {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 100px;
}
.contactus-txt-group span {
	display: block;
}
span.sub-txt {
	font-size: 6px;
	text-align: center;
}
span.phone.link {
	display: inline-block;
}
span.phone.link {
	display: inline-block;
	color: #008A32;
	font-size: 2.2rem;
	vertical-align: middle;
}

span.opentime.link {
	display: inline-block;
	color: #bf4954;
	font-size: 2.2rem;
	vertical-align: middle;
}

span.link {
	margin-left: 1rem;
}

.contactus-txt-group {
	margin-bottom: 1rem;
	letter-spacing: 1px;
}

.contactus-block input, .contactus-block textarea ,.contactus-block .form-control:focus {
	border: none;
	outline: none;
	box-shadow:none;
	border: 1px solid #333333;
}

.contectform-title {
	font-size: 1.5rem;
	padding: 0.5rem 0;
}
.contactus-block form {
	margin: 5% 0;
}
span.redsign {
	color: red;
	display: inline-block;
	vertical-align: middle;
}
.contact-form label {
	height: 1.2rem;
	margin-bottom: 0.6rem;
}
#pagewrap .contactus-block {
	  padding-top: 5%;
	width: 100%;
	height: 100%;
	padding-bottom: 5%;
	background: none;
}
#pagewrap .contactus-block  .shop-addres{
	position: unset;
}

/** 登入/忘記密碼   **/
#pagewrap.login-page {
	height: 100%;
	/*background: url(../images/loginbkg.jpg);*/
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 40%;
}
#pagewrap.login-page:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	/*background: rgba(0, 0, 0, 0.38);*/
}
.member-loginbtn button.normal-button {
   width: 100%;
	padding: 0;
	height: 50px;
}
.contactus-block .footer-l-link li {
	padding: 0 0.5rem;
	display: block;
		width: 100%;
   text-align: left;
}


.footer-l-link li + li{
	padding-top: 5px;
}

.login-block {
	/*background: #ffffff;*/
	padding: 15px 40px;
	margin-top: 100px;
	position: relative;
	padding-bottom: 5%;
}
.login-block a.pink-txt{color: #8679b2;}
.login-block a{color: #b5b5b5;}
.login-block a:hover{color: #463480;}
.login-title {
	background: #ffffff;
	position: absolute;
	left: calc((100% - 150px)/2);
	top: -80px;
	border-radius: 50%;

}
.title-img {
	display: block;
	width: 150px;
	margin: 0 auto;
}
.title-img img {
	width: 100%;
}
.form-border-wrap {
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	padding: 2rem 0;
	margin-bottom: 2rem;
}


/** FOOTER  **/
.mainwavefooter p {
	color: #909090;
	text-align: center;
	font-size: 0.8rem;
	position: absolute;
	bottom: 30px;
	left: calc((100vw - 285px)/2);
}
.mainwavefooter {
	height: 100px;
	background:url(../images/white_wall_hash.png);
	position: relative;

}
.mainwavefooterwall{
	height: 100px;
	/*background: url(../images/footer-wall.png);*/
	background-color: #1d1d1d;
	position: relative;
}

.page-wavefooter {
	height: auto;
	position: absolute;
	width: 100%;
	bottom: 0;
}
.page-wavefooterwall {
	height: 250px;
	background: url(../images/footer-wall.png);
	position: relative;
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
}
ul.footer-l-link {
	/*display: flex;*/
	font-size: 16px;
	line-height: 1.3;
}
/* .footer-l-link li:first-child {border-right: 1px solid;} */
.footer-img {
	width: 100%;
	position: relative;
	padding-right: 1rem;
}
.footer-l-link li {
padding: 0 0.5rem;

}
ul.footer-r-link li {
	margin: 0.5rem 0;
	font-size: 1rem;
	display: block;
	position: relative;
	padding-left: 1rem;
}

ul.footer-r-link li:nth-child(1):before {
	content: url(../images/b-mail.svg);
	position: absolute;
	left: -0.5rem;
	width: 15px;
}
ul.footer-r-link li:nth-child(2):before {
	content: url(../images/b-clock.svg);
	position: absolute;
	left: -0.5rem;
	width: 15px;
}
ul.footer-r-link li:nth-child(3):before {
	content: url(../images/b-map.svg);
	position: absolute;
	left: -0.5rem;
	width: 15px;
}

.footer-l-link li a:hover{text-decoration:none; }

.footer-img img {
	width: 85%;
}
.footer-txt {
	color: #8679b2;
	bottom: 5%;
	position: absolute;
	width: 100%;
	font-size: 0.9rem;
}
.footer-txt a{
	color: #8679b2;
}
.footer-txt a:hover {
	color: #8679b2;
	text-decoration: underline;
}
.page-footer-copyright {
	position: relative;
		padding-top: 1rem;
}
.footer-txt-new div {
	padding-bottom: 5px;
}
p.page-footer-copyright:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 0px;
	background: #c0b6dd;
	top: 1px;
}
p.page-footer-copyright:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #c0b6dd;
	top: 0;
	left:0; 
}
.footer-img:before {
	content: "";
	position: absolute;
	width: 2px;
	right: 0;
	background: #c0b6dd;
	height: 100%;
}
.footer-img:after {
	content: "";
	position: absolute;
	width: 1px;
	right: 1px;
	background: #e8e8e8;
	height: 100%;
}

/*產品清單*/
.products {
	padding: 3%;
}

.productsImg {
	padding-top: 100%;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #ada4d8;
	border-radius: 20px;
	overflow: hidden;
}

.productsImg img {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	object-fit: cover;
	width: 100%;
}


/*產品內頁 - 待調整開始 */
.topImg {
	padding-top: 130px;
}

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

.productsContent {
	margin-top: 40px;
}

/* .productIntro .left {
	margin-left: 5%;
} */

.productIntro {
	margin: 80px 0 100px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.IntroText {
	display: table;
	margin: 0 auto;
}

.menu {
	display: table;
	border-bottom: 1px solid #747173;
}

.item:nth-of-type(1) {
	margin-left: 0;
}

.productIntro .outerMeddle {
	width: 45%;
	margin-top: 0px;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.productIntro .slick-list {
	height: 320px;
	overflow: hidden;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.productIntro .right {
	width: 45%;
}

.productimgSlick{
	width: 100%;
}
.productimgSlick img{
	width: 100%;
}

.buyInfo .Name {
	font-size: 30px;
	letter-spacing: 4px;
	margin-right: 15%;
	text-align: justify;
	color: #88518a;
}

.buyInfo .text {
	margin-top: 10px;
	padding-top: 15px;
	border-top: 1px solid #747173;
	margin-right: 15%;
	letter-spacing: 1px;
	line-height: 30px;
	text-align: justify;
	color: #9e9e9e;
	margin-bottom: 30px;
}

.buyInfo .Num {
	margin-top: 120px;
	padding-bottom: 20px;
	border-bottom: 1px solid #747173;
}

.Num .totle {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.Num .totleNum {
	float: left;
	margin-right: 25px;
	width: 120px;
	border: 1px solid #747173;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	padding: 5px 0;
	font-size: 15px;
	letter-spacing: 3px;
	color: #747173;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.totleNum span {
	margin: 0 10px;
}

.Num .money {
	float: left;
	color: #c7b598;
}

.productBuyBtn {
	margin-top: 30px;
}

/* .productIntro .left {
	margin-left: 5%;
} */

.IntroText {
	display: table;
	margin: 0 auto;
}

.moreProducts {
	width: 100%;
	margin: 50px auto 20px;
	text-align: center;
}

.moreProducts .title {
	font-size: 20px;
	letter-spacing: 3px;
	padding: 20px 0;
	border-top: 1px solid #747173;
	border-bottom: 1px solid #747173;
}

.moreItem {
	width: 100%;
	margin: 0 auto;
}

.mallProducts {
	padding: 0 20px;
	margin-top: 100px;
}

.productimgLandingImg{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
.productimgLandingImg img{
	width: 100%;
	margin-bottom: 20px;
}
.input-group.product-spec-stock{
	margin-top: 0;
}

.shareBtn{
	margin-top: 20px;
	padding-bottom: 50px;
	width: 100%;
	text-align: right;
}

.shareBtn a{
	width: 30px;
	height: 30px;
	display: inline-block;
}
.shareBtn a img{
	margin-top: -5px;
	width: 100%;
}
.shareBtn span{
	color: #8679b2;
}



/*產品內頁 - 待調整結束*/



/** RWD  **/


/**-------1366px-------**/
@media screen and (max-width: 1366px) {
.short-menu{display: none;}
}
li.w-menuitem a span.short-menu-view{display: block;}
}
/**-------1200px-------**/
@media screen and (max-width: 1200px) {

#topmenu .nav-link {
	padding: 0 0.3rem;
		width: 100px;
	text-align: center;
}

}
/**-------1024px-------**/
@media screen and (max-width: 1023px) {
  #menuwrap:after{display: none;}
  #pagemenuwrap:after{display: none;}
 #pagemenuwrap{display: none;}
.rwdmenu.pagemenu {
	display: block;
	position: fixed;
	visibility: visible;
}
.navbar-light .navbar-toggler-icon{background-image: none; }

#menuwrap .navbar{background: none;    margin: 1rem 0;}
.rwdmenu {
	background: #ffffff;
	z-index: 2004;
	width: 100%;
	height: auto;
	box-shadow: 0px 2px 3px #00000029;

}
.rwdlogo {
	width: 180px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 13px;
}
.rwdlogo img {
	width: 100%;
}
.news-carousel{margin-left: 0;}
#menuwrap{display: none;}
#story-us img{
	max-width: 100%;
}
/**------menubtn------**/
.mainContainer {
	display: block;
	position: relative;
	background: #ffffff;
	height: 4rem;
}
.menuBtn {
  height: 30px;
  width: 30px;
  margin: 1rem 0;
  z-index: 2003;
  top: 6px;
}
button.menuBtn.button_container span {
	background: #8679b2;
}
button.menuBtn.button_container.act span {
	background: #ffffff;
	border-radius: 0;
}

.menuBtn.act > span {
  height: 4px;
}
button.menuBtn.button_container .act > span:after,
.menuBtn.act > span{
  background-color: #ffffff;
  top: 1rem;
}

.button_container.act span:nth-of-type(1) {
 -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100%;
}

.button_container.act span:nth-of-type(2) {
  top: 9px;
  display: none;
}
.button_container.act span:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 100%;
}

.rwdmenu.pagemenu .mainMenu{
  top: -1rem;}
.mainMenu {
  background-color: #362D2A;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  display: table;
  text-align: left;
  opacity: 0;
  -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: scale(0);
		  transform: scale(0);
}
.mainMenu a:hover{
	text-decoration: none;
	color: #8679b2;
}
.mainMenu.act {
  opacity: 1;
  -webkit-transform: scale(1);
		  transform: scale(1);
}
.mainMenu.act ul li {
  opacity: 1;
  -webkit-transform: translateX(0);
		  transform: translateX(0);

}
.mainMenu ul {
   display: block;
	padding-top: 20%;
	padding-left: 25%;
}
.mainMenu li {
  padding: 1rem 0;
  -webkit-transition: all 400ms 510ms;
  transition: all 400ms 510ms;
  opacity: 0;
  list-style: none;
}
.mainMenu.act ul li span {
	width: 1.1rem;
	height: 1.1rem;
	display: inline-block;
	margin-right: 10px;
}


.mainMenu li:nth-child(odd) {
  -webkit-transform: translateX(30%);
		  transform: translateX(30%);
}
.mainMenu li:nth-child(even) {
  -webkit-transform: translateX(-30%);
		  transform: translateX(-30%);
}
.mainMenu li:last-child {
  -webkit-transform: none;
		  transform: none;
}
.mainMenu a {
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  padding-left: 1rem;
}
.mainMenu a img {
	vertical-align: middle;
	height: 1.5rem;
	margin-right: 7px;
}
.shopcart-title li{padding: 0;}

.story1-pic-a, .story1-pic-b{
	position: absolute;
	left: 0;
	width: 80%;
}


.ourplace-carousel {
	width: 100%;
	height: 500px;
	margin: 0 auto;
}
.ourplace-carousel .item {
	width: 100%;
	height: 500px;
	margin: 0 auto;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{display: none;}
.story-photo-2,.story-photo-3{width: 60%;}
.story3-pic-b  ,.story2-pic-b{width: 80%;}
.story3-pic-a  ,.story2-pic-a{width: 80%;}
.story-photo-3{top: 30%;}
.story-photo-2{top: 60%;}
.story1-pic-b,.story2-pic-b,.story3-pic-b{opacity: 1;}



}

/**-------768px-------**/

@media screen and (max-width: 999px) {
.min-item-pic {
	display: none;
}
.big-item-pic{
	width: 100%;
}
.item-img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.productsContent{
	margin-top: 10px;
}
.productIntro{
	flex-direction: column;
	margin-top: -30px;
}
.productIntro .outerMeddle,
.productIntro .right{
	width: 100%;
}
.productIntro .outerMeddle{
	margin-bottom:40px;
}

.buyInfo .Name,
.buyInfo .text{
	margin-right: 0;
}
.buyInfo .Num{
	margin-top: 50px;
	border-bottom: 0;
}

.buyInfo .Num .col-md-7{
	margin-bottom: 20px;
}
.productIntro{
	margin-bottom: 30px;
}
.moreItem .mallProducts{
	margin-top: 30px;
}



.footer-img img {
	width: 100%;
}



}
/**-------768px-------**/



@media screen and (max-width: 767px) {
	.mainbkg-carousel .owl-dots{display: none;}
.overlay:after{display: none;}
.overlay{width: 100%;}
.social-link {
	display: none;
}
.section-tit {
	/* width: 150px; */
	position: absolute;
	/* left: calc((100vw - 150px)/2); */
	top: 5%;
	z-index: 99;
}
.section-tit-block {
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 10%;
}
.news-date {
	width: 70px;
	text-align: center;
}
.newsblock {
	padding: 2rem 0.5rem;
	margin-top: 10%;
}
.news-carousel .item {
	height: 500px;
}
.news-list-title {
	margin-top: 1rem;
	font-size: 1.12rem;
	height: 60px;
}

.text-morebtn {
	position: absolute;
	right: 5%;
	bottom: 2%;
}
.pagestyle.social-link{display: none;}
ul.footer-l-link{display: none;}
.shopcart-title span{font-size: 30px;}
.shopcart-title li{padding: 0;}






.story1-pic-b {
	position: relative;
}
.story-photo {
	margin-bottom: 100px;
}

.sidetit-1{display: none; }
.sidetit-2{display: none; }
.shopping-pop .table td {
	vertical-align: top;
}
/* .modal-body2 {
	padding: 0px!important;
} */

.footer-img img {
	width: 180px;
}   

.footer-img:before,.footer-img:after{
	display: none;
}
.footer-img{
	padding-left: 15px;
}

}
/**-------640px-------**/


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


	.story1-pic-a, .story1-pic-b,.story2-pic-a, .story2-pic-b,.story3-pic-a, .story3-pic-b{
		width: 100%;
		position: relative;
	}
	
	.story-photo{
		margin-bottom: 50px;
	}

#section1:after{display: none;}
.button_container {
	position: absolute;
	top: 6px;
	left: 15px;
}
#rwd-menuopen.active{
	top: 6px;
	left: 15px;
}

.story-photo-1,
.story-photo-2,
.story-photo-3{
	position: relative;
	width: 80%;	
}
.story-photo-1{
	margin-top: 100px;
}
.story-photo-2{
	margin-top: -120px;

}
.story-photo-3{
	margin-top: -120px;


}




.mainwavefooterwall {
	height: 100px;
	/*background: url(../images/footer-wall.png);*/
	position: relative;
	background-position: right;
	background-size: cover;
}
/*#mainbkg ul {
	display: none;}*/
.news-list-block {
	padding: 10% 2%;}
span.phone.link{font-size: 1.2rem;}
span.opentime.link {
	font-size: 1.2rem;
	letter-spacing: 0;
}
.contactus-link {
	display: block;
		text-align: center;}

.newsblock {
	padding: 5rem 0.5rem;
}
#section1{
  min-height: 200px;
  padding-top: 10%;
}
.shop-addres{
	display: flex;
	bottom: 15%;
}
.main-product-area {
	margin-bottom: 100px;
	margin-top: 50px;
}
.shopping-pop {z-index: 2100;
  }
#section3{padding-top: 25%;}

.news-date span {
	display: block;
	font-size: 1.3rem;
	padding: 2px 10px;
}

.news-carousel-img {
	width: 100%;
	height: 250px;
}
.newstit {
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
	height: 2.4rem;
}
.newsgray {
	height: 450px;
}
.news-txt {
	height: 75px;
	letter-spacing: 1px;
	line-height: 1.5;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.newsblock{
  margin-top: 0;
padding:1rem 0.5rem;
 }

.about-tit img {
	display: block;
	width: 40%;
}
.page-wavefooter {
	height: auto;

}
.page-wavefooterwall {
	/* max-height: 280px; */
	background: #333
	position: relative;
	height: 220px;
}

.news-single-img {
	width: 100%;
	height: 300px;
	margin-top: 5%;
}

.page-topbanner{height: 400px;}

.rwd-table {
	background: #ffffff;
	overflow: hidden;
}
.order-table.rwd-table th:first-child, .order-table.rwd-table td:first-child{
	border-top: none;
	display: block;
	text-align: center;
		color: #8679b2;
}
.order-table.rwd-table td:first-child:before{text-align: center;} 

.rwd-table th,.rwd-table td {
	/*margin: 0.5rem;*/}
.rwd-table {
	min-width: 100%;
}
.rwd-table thead {
	display: none;
}
.rwd-table th {
	display: none;
}
.rwd-table td {
	display: block;
}
.rwd-table td:before {
	content: attr(data-th);
	 width: 25%;
	display: inline-block;
		text-align: left;
 }

.rwd-table th, .rwd-table td {
	text-align: left;
 }

.table.member-table{border-bottom: none;}



.rwd-table tr {
	display: block;
	border: 1px solid #b3b3b3;
	border-radius: 4px;
}
.rwd-table td {
	padding: 0.5rem !important;
	display: flex;
}
#pagewrap{padding-bottom: 280px;}
#pagewrap.login-page {
	background-size:cover;
}
.login-block{margin-top: 25%;}

.list-pic {
	display: block;
	margin: 5px auto;
}
tr.price-calc {
	border-top: none;
	border-bottom: none;
	display: flex;
}
tr.price-calc td{width: 50%;display: inline-block;}
.order-table.rwd-table .price-calc td:first-child{text-align: left;}
.order-table.rwd-table .price-calc td:before{display: none;}
tr.price-calc .toptd{border-top: none;}
td.shop-product-pic span{display: block;margin: 0 auto; max-width: 100%;}
.footer-img:before,.footer-img:after{display: none;}
.footer-img{width: 100%;margin:0 auto; }
.footer-img img {
	width: 150px;
}   
td.text-right.final-price {
	color: #8679b2;
	font-size: inherit;
}
tr.price-calc.all-itemprice{display: block;}
tr.price-calc.all-itemprice td{width: 100%;text-align: right;}
tr.price-calc.all-itemprice td:first-child{width: 100%;}
tr.price-calc span{margin-right: 10px;}
.radiocheck span {
	display: block;
	line-height: 1.1;
	margin-top: 10px;
}
.checkout-finish img {
	height: 60px;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	margin-bottom: 2rem;
}
.shopcart-title li{display: none;}
.shopcart-title li.active {
	display: block;
}
tr.price-calc.all-itemprice.toptr {
	border-top: 2px solid #d1d1d1;
	padding-top: 10px;
}
.news-carousel-img img{padding-top: 20px;}
.news-area {
	margin-bottom: 2rem;
}
.story-photo-2 {
	left: 10%;
	/* position: relative; */
}

.story-photo-3 {
	left: 10%;
	/* position: relative; */
}

.product-tit{
	margin:10px 0; 
}
.item-img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: #dadada;
}
.big-item-pic {
	width: 75%;
	margin: 10px auto;
}

.button_container.index_button{
	top: 20px;
	left: 20px;
}


}
/**-------480px-------**/
@media screen and (max-width: 480px) {
	li.w-menuitem a.nav-link {
	padding: 0.3rem;
}
	.news-carousel-img {
		width: 100%;
		height: 280px;
	}
	#section1::before{display: none;}
	#section3 {
		padding-top: 20%;
		padding-bottom: 20%;
		height: 500px;
	}
	.about-block p span{font-size: 1rem;}

	.about-block p{font-size: 0.9rem;}
	.contactus-link-group ul {
		display: inline-block;
	}
	.contactus-link-group li {
		width: 100%;
	}

	.rwdmenu.pagemenu {
		display: block;
		position: fixed;
		/* padding: 0.5rem 0; */
		visibility: visible;
	}
	.news-list-date span {
		display: block;
		font-size: 1.3rem;
		padding: 2px 5px;
		text-align: center;
	}
	.news-list-date {
		color: #817171;
		border: 2px solid;
		display: block;
		padding: 5px 2px;
		border-radius: 1rem;
		width: 50px;
		margin: 0 auto;
	}
	.news-list-date .dateline{height: 2px;}
	.list-date {
		margin-right: 1rem;
	}
	.news-list-img {
		width: 100%;
		height: 250px;
	}
	.news-list-txtbox {
		padding: 0 0 1rem 0;
		letter-spacing: 1px;
		line-height: 1.5;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		height: 75px;
		margin-bottom: 2rem;
	}
	.news-list-title{
		margin-top:0.5rem;
		margin-bottom: 0;}
	.page-topbanner {
		width: 100%;
		height: 180px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		position: relative;
		background-attachment: unset;
		margin-top: 73px;
		background-image:url("../images/ice-cream-in-a-bowl_m.svg");
	}
	.page-footer-copyright {
		position: relative;
		padding-top: 1rem;
		font-size: 0.8rem;
	}
	.text-morebtn a {
		display: inline-block;
		color: #A0A0A0;
		position: relative;
		text-align: center;
		border: solid 2px;
		padding: 5px 15px;
		border-radius: 40px;
		line-height: unset;
	}

	.news-list-block{margin:15% 0; }

	.page-title {
		position: absolute;
		width: 100px;
		height: 100px;
		left: calc((100% - 100px)/2);
		z-index: 1;
	}
	.backlistbtn {
		display: none;
	}
	.next-morebtn a:before{display: none;}
	.next-morebtn a:after{display: none;}
	.next-morebtn a{padding: 5px 10px;}
	.news-single-block .list-date {
		position: absolute;
		left: calc((100% - 50px)/2);
		top: -38px;
		margin: 0;
	}
	.product-txt p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		height: 55px;
		line-height: 1.2;
	}

	.login-block {
		margin-top: 150px;
		padding-top: 15%;
	}

	.footer-img {
		position: relative;
		padding-right: 0;
		margin: 0;
	}

	.footer-img:before,.footer-img:after {
	  display: none;
	}
	.mainwavefooterwall {
		background: #D6D3CF;
		height: 80px;
	}
	.mainwavefooter {
		height: auto;}
	.shop-addres p span {
		line-height: 1.5;
	}
	.mainwavefooter p{bottom: 50%;}

	.form-check.radiocheck{padding-left:0; }
	.member-form .formwrap{padding: 3%;}
	.shopitem-modal {
		top: 10%;
	}
	.shopitem-modal .checkout-btn-wrap button {
		line-height: unset;
		padding: 8px 3px;
		display: block;
			margin: 0 auto;
	}
	.product-number{margin-top: 0;}
	.product-large-item .product-txt p {
	height: 70px;}
	.shopitem-modal .checkout-btn-wrap{display: flex;}
	.QA_question{font-size: 18px;padding: 0px;background-size: 30px;padding-left: 35px;}
	.QA_ans{font-size: 18px;padding: 0px;background-size: 30px;padding-left: 35px;}
	p.buy_rule-tit{
		padding-left: 13px;
		padding-right: 0;
		font-size: 16px;
		padding-bottom: 20px;
	}
	.buy_rule-tit span{
		font-size: 14px;
	}
	.QA_Qitem{
		padding: 0;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.shopitem-modal .modal-content{
		padding: 30px 20px;

	}
	.buy_rule_title{
		margin-bottom: 15px;
	}

	.shop-pop-img{
		width: 45px;
		height: 45px;
	}

	.mallProducts{
		margin-top: 60px;
	}

}