@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&display=swap');

@-webkit-keyframes lds-ring {
  0% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes lds-ring {
  0% {-moz-transform: rotate(0deg);}
  100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes lds-ring {
  0% {-ms-transform: rotate(0deg);}
  100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes lds-ring {
  0% {-o-transform: rotate(0deg);}
  100% {-o-transform: rotate(360deg);}
}
@keyframes lds-ring {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

.loading{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	font-size: 0;
  z-index: 3800;
  background-color: rgba(255,255,255,0.7);
  transition: opacity 0.3s ease 0.4s, visibility 0.3s ease 0.4s;
}

/*Safari 9+*/

@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
  .loading{
    transition: opacity 0.3s ease 0s, visibility 0.3s ease 0s;
  }
}

.l_hide{
  opacity: 0;
  visibility: hidden;
}

.lds-ring{
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}

.l_hide .lds-ring{
  opacity: 0;
  visibility: hidden;
}

.lds-ring div, .lds-ring span{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  border-radius: 50%;
}

.lds-ring div{
  /*border: 3px solid #ddd;*/
}

.lds-ring span{
  display: block;
  border: 2px solid #fff;
  z-index: 200;
  border-color: #F98C9B transparent transparent transparent;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.lds-ring span:nth-child(1){animation-delay: -0.3s;}
.lds-ring span:nth-child(2){animation-delay: -0.1s;}
.lds-ring span:nth-child(3){animation-delay: -0.2s;}

html{
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

html, body{
	padding: 0;
	margin: 0;
}

body{
	font-family: 'Arial', 'Noto Sans TC', sans-serif;
	position: relative;
	color: #DCDCDC;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	background-color: #1C1C1C;
}

/* IE10+ css hack */

/*_:-ms-lang(x), .class_name { property:value; }*/

_:-ms-lang(x), body.h_t *,
	body.h_t *:before,
	body.h_t *:after {
		-ms-transition: none !important;
		transition: none !important;
	}

*,
*:after,
*::before{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Noto Sans TC';
	line-height: 1.3;
	font-weight: 400;
	letter-spacing: 1px;
}

h1, h2{
	float: left;
	width: 100%;
	color: #CFAF76;
	font-size: 21px;
	line-height: 1.3;
	padding: 0;
	margin: 10px 0 16px 0;
}

h1:before, h2:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin: -3px 6px 0 0;
	background: url(../img/icon_pattern.svg) no-repeat center / 100% auto;
}

h1:after, h2:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin: -3px 0 0 3px;
	background: url(../img/icon_pattern_a.svg) no-repeat center / 100% auto;
}

h3{
	float: left;
	width: 100%;
	color: #CFAF76;
	font-size: 18px;
	line-height: 1.3;
	padding: 0;
	margin: 10px 0;
}

h4{
	float: left;
	width: 100%;
	color: #245cb3;
	font-size: 18px;
	padding: 0;
	margin: 12px 0;
}

p{
	float: left;
	display: block;
	margin: 0 0 10px 0;
}

a{
	color: #fff;
	text-decoration: none;
	outline: none; /* for Firefox Google Chrome  */
	behavior: expression(this.onFocus=this.blur()); /* for IE */
}

a:focus{
	text-decoration: none;
	outline: none; /* for Firefox Google Chrome  */
	behavior: expression(this.onFocus=this.blur()); /* for IE */
}

a, a:link, a:active, a:visited, a:hover{
	text-decoration: none;
}

button{
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent;
	text-decoration: none;
	outline: none; /* for Firefox Google Chrome  */
	behavior: expression(this.onFocus=this.blur()); /* for IE */
}

ul, li{
	list-style: none;
	margin: 0;
	padding: 0;
}

img{
  vertical-align: middle;
}

header{
	position: fixed;
	top:0;
	width: 100%;
	height: 60px;
	color: #fff;
	line-height: 26px;
	z-index: 2000;
	background-color: #F98C9B;
	-webkit-transform: translateZ(0);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b3b3b+0,1a1a1a+100 */
background: #3b3b3b; /* Old browsers */
background: -moz-linear-gradient(left,  #3b3b3b 0%, #1a1a1a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #3b3b3b 0%,#1a1a1a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #3b3b3b 0%,#1a1a1a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#1a1a1a',GradientType=1 ); /* IE6-9 */
	box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
}

.navigation{
	width: 1100px;
	margin: 0 auto;
}

.navigation:after{
	content: "";
	display: block;
	clear: both;
}

.logo{
	float: left;
	width: 238px;
	height: 60px;
	background: url(../img/logo.svg?1027) no-repeat center / auto 100%;
}

.logo img{
	height: 100%;
}

.nav_box{
	float: left;
	margin-left: 100px;
}

.nav_box nav{
	float: left;
}

.nav_box ul.menu{
	float: left;
	margin: 0;
	border-top: 0; 
}

.nav_box ul.menu > li{
	position: relative;
	float: left;
	transition: background-color 0.15s ease;
}

.nav_box ul.menu > li:hover{
	background-color: rgba(255,255,255,0.06);
}

.nav_box ul.menu > li > a{
	float: left;
	color: #CFAF76;
	height: 60px;
	font-size: 15px;
	text-align: center;
	line-height: 1.5;
	padding: 11px 20px 0 20px;
	border-bottom: 0;
}

/*.nav_box ul.menu > li > a:hover{
	background-color: rgba(255,255,255,0.12);
}*/

.nav_box ul.menu li a:active{
	background-color: transparent\9;
}

.nav_hs{
	padding: 0 30px 0 20px !important;
}

/*.nav_box ul.menu li:hover a{
	color: #245cb3;
}

.nav_box ul.menu li a.current{
	color: #245cb3;
}*/

.nav_box ul.menu .n_a{
	display: none;
}

.nav_box ul.menu ul.submenu{
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: 60px;
	left: 50%;
	width: 150px;
	text-align: center;
	padding: 8px 0 10px 0;
	border: 1px solid #F98C9B;
	border-radius: 10px;
	background-color: #fff;
	transform: translateX(-50%);
	transition: all 0.12s ease;
}

.nav_box ul.menu ul.submenu.c_m_l{
	left: -48px;
	width: 230px;
}

.nav_box ul.menu li:hover ul{
	visibility: visible;
	opacity: 1;
}

.nav_box ul.menu ul.submenu li{
	float: left;
	width: 100%;
}

.nav_box ul.menu ul.submenu li a{
	float: left;
	width: 100%;
	color: #333;
	font-size: 15px;
	padding: 6px;
	transition: color 0.12s;
}

.nav_box ul.menu ul.submenu li a:hover{
	color: #F98C9B;
}

.nav_box ul.menu ul.submenu ul{
	visibility: hidden;
	opacity: 0;
	top: 0;
	left: 100%;
	width: 140px;
}

.nav_box ul.menu ul.submenu li:hover ul{
	visibility: visible;
	opacity: 1;
}

/*.arrow-bottom{
	position: absolute;
	top: 28px;
	right: 11px;
	display: inline-block;
	border-top: 6px solid #333;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}*/

.add_line:before{
	content: " ";
	position: absolute;
	top: 15px;
	left: 10px;
	width: 30px;
	height: 30px;
	background: url(../img/add_line.svg) no-repeat center / 100% auto;
}

.add_line a{
	position: relative;
	padding: 11px 20px 0 50px !important;
}

.arrow-bottom{
	position: absolute;
	display: inline-block;
	right: 11px;
}

.arrow-bottom:after{
	content: " ";
	display: inline-block;
	width: 13px;
	height: 9px;
	background: url(../img/arrow_down.svg) no-repeat center / auto 80%;
	transition: all 0.15s ease;
}

/*.current .arrow-bottom:after{
	background-image: url(../img/arrow-bottom-h.svg);
}

.nav_box ul.menu li:hover .arrow-bottom:after{
	background-image: url(../img/arrow-bottom-h.svg);	
}*/

/*.arrow-right{
	position: absolute;
	top: 13px;
	right: 12px;
	display: inline-block;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #bbb;
}*/

.nav_t_c{
	display: block;
}

.nav_t_e{
	display: block;
	color: #949494;
	font-size: 12px;
}

.m_menu_b{
	display: none;
}

.nav_lan_m{
	display: none;
}

.nav_lan_box{
	position: relative;
	float: left;
	font-size: 14px;
	border: 1px solid rgba(255,255,255,0.7);
	border-radius: 16px;
	margin: 14px 14px 0 14px;
	transition: 0.15s;
}

.nav_lan_box:hover{
	background-color: rgba(255,255,255,0.12);
}

.lan_current{
	float: left;
	width: 100%;
	text-align: center;
	padding: 2px 11px;
	cursor: pointer;
}

.lan_current:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	float: left;
	width: 16px;
	height: 16px;
	margin: 5px 6px 0 0;
	opacity: 0.9;
	background: url(../img/icon_lan.svg) no-repeat center / cover;
}

.lan_current:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 9px;
	margin: -3px 0 0 6px;
	background: url(../img/arrow_down.svg) no-repeat center;
}

.lan_list{
	position: absolute;
	opacity: 0;
	visibility: hidden;
	top: 110%;
	left: 50%;
	width: 100px;
	color: #333;
	text-align: center;
	padding: 8px 0 10px 0;
	border: 1px solid #F98C9B;
	border-radius: 10px;
	background-color: #fff;
	transform: translateX(-50%);
	transition: 0.12s;
}

.lan_list.show{
	opacity: 1;
	visibility: visible;
}

.lan_list a{
	float: left;
	width: 100%;
	padding: 4px;
	transition: color 0.12s ease;
}

.lan_list a:hover{
	color: #F98C9B;
}

.nav_fix_box{
	position: fixed;
	top: 0;
	right: calc((100% - 1100px) / 2);
}

.nav_fix_box_mr{
	float: left;
}

.nav_btn{
	position: relative;
	float: left;
	width: 52px;
	height: 60px;
	cursor: pointer;
	transition: background-color 0.15s;
}

.nav_btn:hover{
	background-color: rgba(255,255,255,0.06);
}

.nav_search{
	background: url(../img/icon_search.svg) no-repeat center / 34%;
}

.nav_search.active{
	background-color: rgba(255,255,255,0.06);
}

.nav_member{
	background: url(../img/icon_member.svg) no-repeat center / 38%;
}

.nav_member_login{
	opacity: 0.88;
	background-image: url(../img/icon_member_login.svg);
}

.nav_favorites{
	background: url(../img/icon_favorites.svg) no-repeat center / 44%;
}

/*IE hack*/

_:-ms-lang(x), .nav_member{
	background: url(../img/icon_member.svg) no-repeat center / 22px 22px;
}

_:-ms-lang(x), .nav_favorites{
	background: url(../img/icon_favorites.svg) no-repeat center / 22px 22px;
}

.nav_cart{
	background: url(../img/icon_cart.svg) no-repeat 10px center / 47%;
}

.nav_cart span{
	position: absolute;
	top: 12px;
	right: 7px;
	width: 17px;
	height: 17px;
	color: #CFAF76;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	padding: 2px 0 0 0;
	border-radius: 17px;
	background-color: #FFEC8F;
}

.nav_search_box{
	position: absolute;
	opacity: 0;
	visibility: hidden;
	top: 100%;
	right: 0;
	width: 405px;
	color: #333;
	padding: 15px;
	background-color: #2e2e2e;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 5px;
	transition: 0.15s;
}

.nav_search_box.show{
	opacity: 1;
	visibility: visible;
}

.ns_row{
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

.ns_row .form_control{
	width: calc(100% - 175px);
	margin-right: 10px;
}

.ns_row:last-child{
	padding-bottom: 0;
}

.ns_row_col{
	float: left;
	width: 50%;
	padding: 0 10px 0 0; 
}

.ns_row_col:last-child{
	padding: 0; 
}

.ns_tit{
	float: left;
	color: #CFAF76;
	margin-bottom: 2px;
}

#top{
	height: 60px;
}

.iL img{
	display: none;
}

#all{
	width: 100%;
}

#content{
	width: 1100px;
	margin: 20px auto 40px auto;
}

#content.home{
	width: 1100px;
	margin: 20px auto;
}

#content:after{
	content: "";
	display: block;
	clear: both;
}

.kanban{
	position: relative;
	width: 1100px;
	margin: 30px auto 40px auto;
	background-color: #000;
}

.kanban .slide_con{
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 18.2%;
}

.kanban .slide_con .slide_con_img{
	width: 100%;
	padding-bottom: 40%;
}

/*.swiper-slide-active .slide_con{
	-webkit-animation: zoomin 1s;
	-moz-animation: zoomin 1s;
	-ms-animation: zoomin 1s;
	-o-animation: zoomin 1s;
	animation: zoomin 1s;
}

@-webkit-keyframes zoomin {
	from {transform: scale(1.03);}
	to {transform: scale(1.0);}
}
@-moz-keyframes zoomin {
	from {transform: scale(1.03);}
	to {transform: scale(1.0);}
}
@-ms-keyframes zoomin {
	from {transform: scale(1.03);}
	to {transform: scale(1.0);}
}
@-o-keyframes zoomin {
	from {transform: scale(1.03);}
	to {transform: scale(1.0);}
}
@keyframes zoomin {
	from {transform: scale(1.03);}
	to {transform: scale(1.0);}
}*/

.ss_text{
	font-family: 'Noto Sans TC';
	position: absolute;
	right: 8vw;
	top: 15.5vw;
	color: #fff;
	font-size: 2.2vw;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 1px;
	opacity: 0;
	transform: translateY(-50%);
	transition: all 0.8s ease 0.3s;
}

.ss_text2{
	font-family: 'Noto Sans TC';
	position: absolute;
	right: 8vw;
	top: 19.5vw;
	color: #fff;
	font-size: 1.4vw;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 1px;
	opacity: 0;
	transform: translateY(50%);
	transition: all 0.8s ease 0.3s;
}

.ss_tb{
	color: #000;
}

.ss_link{
	font-family: 'Noto Sans TC';
	position: absolute;
	display: inline-block;
	right: 8vw;
	top: 23.2vw;
	color: #fff;
	font-size: 1.2vw;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 1px;
	opacity: 0;
	padding: 0.5vw 1.4vw;
	border: 1px solid #fff;
	transition: opacity 0.8s ease 0.5s, background-color 0.15s ease 0s;
}

.ss_link:hover{
	background-color: rgba(255,255,255,0.4);
}

.ss_link2{
	color: #245cb3;
	border: 1px solid #245cb3;
}

.swiper-slide-active .ss_text{
	opacity: 1;
	transform: translateY(0);
}

.swiper-slide-active .ss_text2{
	opacity: 1;
	transform: translateY(0);
}

.swiper-slide-active .ss_link{
	opacity: 1;
}

.swiper-container{
	width: 100%;
}

.swiper-container *:focus, .pd_img *:focus{
	text-decoration: none;
	outline: none; /* for Firefox Google Chrome  */
	behavior: expression(this.onFocus=this.blur()); /* for IE */
}

.swiper-pagination *:focus, .swiper-button-prev:focus, .swiper-button-next:focus{
	text-decoration: none;
	outline: none; /* for Firefox Google Chrome  */
	behavior: expression(this.onFocus=this.blur()); /* for IE */
}

.swiper-container img{
	width: 100%;
}

.swiper-button-next, .swiper-button-prev{
	width: 30px;
	height: 58px;
	margin-top: -29px;
	opacity: 1;
	background-size: 60% auto;
	transition: opacity 0.15s;
}

.swiper-button-next:hover, .swiper-button-prev:hover{
	opacity: 0.7;
}

.swiper-button-prev{
	left: -40px;
	background-image: url(../img/arrow_left.svg);
}

.swiper-button-next{
	right: -40px;
	background-image: url(../img/arrow_right.svg);
}

.swiper-pagination{
	width: 100%;
	left: 0;
	bottom: -26px !important;
}

.swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	margin: 0 5px !important;
	border-radius: 50%;
	opacity: 0.4;
	background: #CFAF76;
}

.swiper-pagination-bullet-active{
	opacity: 1;
	background: #CFAF76;
}

.row_box{
	position: relative;
	float: left;
	width: 100%;
}

.more{
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 14px;
	color: #CFAF76;
}

.list_box{
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.item_box{
	position: relative;
	flex-basis: 31.3333%;
	margin: 0 3% 30px 0;
	overflow: hidden;
}

.item_box:nth-child(3n){
	margin: 0 0 30px 0;
}

.home .item_box{
	flex: 0 0 17.8%;
	margin: 0 2.75% 3% 0;
}

.home .item_box:nth-child(5n){
	margin: 0 0 3% 0;
}

.item{
	display: flex;
	flex-wrap: wrap;
	word-break: break-all;
}

.item_img{
	flex-basis: 100%;
	padding-bottom: 75%;
	margin-bottom: 8px;
  /*border: 1px solid rgba(255,255,255,0.4);*/
	background-color: #000;
}

.item_img img{
	float: left;
	width: 100%;
}

.item_con{
	font-family: 'Microsoft JhengHei';
	display: flex;
	flex-wrap: wrap;
	flex-basis: 100%;
}

.item_tit{
	display: -webkit-box;
	color: #DCDCDC;
	max-height: 64px;
	line-height: 1.3;
	margin-bottom: 9px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	transition: color 0.12s;
}

.item:hover .item_tit{
	color: #CFAF76;
}

.item_info{
	display: flex;
	flex-wrap: wrap;
	flex-basis: 100%;
	color: #DCDCDC;
	font-size: 14px;
	margin-bottom: 4px;
}

.item_row{
	display: flex;
	flex-wrap: wrap;
	flex-basis: 100%;
	line-height: 1.3;
	margin-bottom: 6px;
}

.item_row span:first-child{
	flex-basis: 38px;
	margin: 0 7px 0 0;
	border-right: 1px solid #929292;
}

.item_row span:last-child{
	display: -webkit-box;
	flex-basis: calc(100% - 45px);
	max-height: 36px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.item_price{
	font-family: 'Arial';
	flex-basis: 100%;
	color: #CFAF76;
	font-size: 21px;
	line-height: 1;
}

.item_favorites{
	position: absolute;
	bottom: -5px;
	right: -3px;
	width: 30px;
	height: 30px;
	background: url(../img/icon_favorites_pol.svg) no-repeat center / 70% auto;
}

.item_favorites.active{
	background-image: url(../img/icon_favorites_p.svg);
}

.category_submenu{
	position: relative;
	float: left;
	width: 190px;
	padding: 0 30px 20px 0;
	z-index: 20;
}

.category_submenu h2{
	font-size: 20px;
}

.category_submenu h2:before{
	width: 18px;
	height: 18px;
}

.category_submenu *{
	float: left;
	width: 100%;
}

.category_title{
	color: #CFAF76;
	font-size: 20px;
	padding: 18px 8px;
}

.category_con{
	float: left;
	width: 100%;
}

.category_block{
	padding-bottom: 10px;
}

.category_tit{
	color: #CFAF76;
	font-size: 17px;
	padding: 6px 0;
}

.category{
	color: #fff;
	font-size: 17px;
	padding: 8px 10px;
	margin-bottom: 8px;
	transition: 0.1s;
}

.category:hover{
	color: #CFAF76;
	background-color: rgba(255,255,255,0.06);
}

.category:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 13px;
	margin: -3px 5px 0 0;
	background: url(../img/icon_triangle.svg) no-repeat center / 70% auto;
}

.category_box{
	position: relative;
	border-radius: 10px;
	transition: background-color 0.15s;
}

.category_box:hover{
	background-color: #f5f5f5;
}

.category_label{
	position: relative;
	padding: 7px 12px;
}

.category_label:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
	background: url(../img/arrow_right2.svg) no-repeat center;
}

.category_list{
	position: absolute;
	top: 0;
	left: 100%;
	opacity: 0;
	visibility: hidden;
	width: 180px;
	padding: 10px 20px;
	border: 1px solid #F98C9B;
	border-radius: 10px;
	background-color: #fff;
	transition: all 0.12s;
}

.category_box:hover .category_list{
	opacity: 1;
	visibility: visible;
}

.category_list a{
	line-height: 1.3;
	padding: 9px 0;
	transition: color 0.1s;
}

.category_list a:hover{
	color: #F98C9B;
}

.main_box{
	float: left;
	width: 910px;
}

.product_list{
	float: left;
	width: 100%;
}

.product_list h1{
	width: auto;
	margin-right: 20px;
}

.search_title{
	float: left;
	color: #CFAF76;
	font-size: 21px;
	line-height: 1.3;
	padding: 0;
	margin: 10px 20px 16px 0;
}

.mobile_filter{
	display: none;
}

.filter_result{
	float: left;
	font-size: 16px;
	padding: 15px 0;
}

.sort{
	float: right;
	width: 180px;
	margin-top: 6px;
}

.sort:before{
	content: "";
	float: left;
	width: 18px;
	height: 18px;
	margin: 6px 8px 0 0;
	background: url(../img/icon_sort.svg) no-repeat center / 100% auto;
}

.sort .select_box{
	width: calc(100% - 26px);
	margin: 0;
}

.pagination_box{
	float: left;
	width: 100%;
	text-align: center;
	padding: 20px 0;
}

.pagination{
	display: inline-block;
	margin: 0;
}

.pagination ul{
	float: left;
}

.pagination ul li{
	float: left;
	margin: 0 0 5px -1px;
}

.pagination ul li a{
	float: left;
	color: #DCDCDC;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #555;
}

.pagination ul li a:hover{
	background-color: #3b3b3b;
}

.pagination ul li a.active{
	color: rgb(255, 255, 255);
	border-color: #555;
	background-color: #555;
}

.p_first{
	background: url(../img/icon_arrow_ll.svg) no-repeat center;
}

.p_prev{
	background: url(../img/icon_arrow_l.svg) no-repeat center;
}

.p_next{
	background: url(../img/icon_arrow_r.svg) no-repeat center;
}

.p_last{
	background: url(../img/icon_arrow_rr.svg) no-repeat center;
}

.product{
	float: left;
	width: 100%;
	padding-bottom: 26px;
}

.club{
	float: left;
	width: 100%;
	padding-bottom: 20px;
}

.con_i1{
	float: left;
	padding-bottom: 30px;
}

.con_i1 h1, .con_i2 h1{
	float: left;
	width: 100%;
	color: #084D08;
	text-align: center;
	line-height: 1;
	padding: 20px 0 15px 0;
}

.h1_en{
	font-family: "Poppins";
	float: left;
	width: 100%;
	color: #245cb3;
	font-size: 31px;
	font-weight: 500;
	letter-spacing: 5px;
	padding-bottom: 8px;
}

.h1_ch{
	font-family: 'Noto Sans TC';
	float: left;
	width: 100%;
	color: #000;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 3px;
	padding-top: 7px;
}

.con_i1 h2{
	float: left;
	width: 100%;
	color: #A35B00;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	padding: 15px 0;
	margin: 0;
	border-bottom: none;
}

.intro_box{
	float: left;
	padding: 30px 20px;
}

.intro_logo{
	float: left;
	width: 17%;
	border: 1px solid #e6e6e6;
}

.intro_logo img{
	float: left;
	width: 100%;
}

.intro{
	float: left;
	width: 78%;
	line-height: 2;
	padding-left: 40px;
}

.i_b{
	float: left;
	width: 100%;
	text-align: center;
}

.ibox{
	float: left;
	width: 320px;
	padding: 0 40px;
}

.ibox img{
	float: left;
	width: 100%;
}

.ibox_tbox{
	float: left;
	width: 100%;
}

.ibox_t{
	float: left;
	width: 100%;
	text-align: justify;
	padding: 0 10px;
	line-height: 25px;
}

.con_i2{
	position: relative;
	background-color: #e6e6e6;
}

.i2_f1{
	position: absolute;
	top: 100px;
	left: -140px;
	width: 321px;
	height: 503px;
	background-image: url(../img/f1.png);
}

.i2_f2{
	position: absolute;
	top: 50px;
	right: -150px;
	width: 433px;
	height: 295px;
	background-image: url(../img/f2.png);
}

.i2_f3{
	position: absolute;
	bottom: 0px;
	right: -90px;
	width: 305px;
	height: 185px;
	background-image: url(../img/f3.png);
}

.i2_cbox{
	position: relative;
	width: 1100px;
	padding: 70px 0 100px 0;
	margin: 0 auto;
	text-align: center;
}

.i2_cbox h2{
	float: left;
	width: 100%;
	color: #084D08;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	padding: 0;
	margin: 0;
	border: none;
}

.i_product{
	float: left;
	width: 100%;
	padding: 50px 0 20px 0;
}

.ibox_p{
	float: left;
	width: 22.5%;
	margin: 0 1.25% 30px 1.25%;
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
	background-color: #fff;
	transition: box-shadow 0.15s;
}

.ibox_p:hover{
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 6px rgba(0,0,0,0.4);
}

.ibox_p_img{
	float: left;
	width: 100%;
	opacity: 0.86;
	padding-bottom: 66%;
	transition: opacity 0.15s;
}

.ibox_p:hover .ibox_p_img{
	opacity: 1;
}

.ibox_p_info{
	float: left;
	width: 100%;
	padding: 20px;
}

.ibox_p_tit{
	font-family: 'Noto Sans TC';
	float: left;
	width: 100%;
	color: #245cb3;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 1px;
	/*padding-bottom: 13px;*/
}

.ipt_ch{
	float: left;
	width: 100%;
	font-size: 20px;
	padding-bottom: 7px;
}

.ipt_en{
	float: left;
	width: 100%;
	font-size: 16px;
}

.ibox_p_con{
	float: left;
	width: 100%;
	height: 143px;
	line-height: 1.6;
	text-align: justify;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

.ibox_p_b{
	float: left;
	width: 100%;
}

.btn_s1{
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	height: auto;
	color: #000;
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
	letter-spacing: 1px;
	padding: 10px;
	margin: 5px;
	border: 1px solid #CFAF76;
	border-radius: 40px;
	background-color: #CFAF76;
	transition: all 0.12s;
}

.btn_s2{
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: auto;
	color: #000;
	font-size: 14px;
	font-weight: 400 !important;
	line-height: 1.3;
	letter-spacing: 0;
	padding: 4px 16px;
	margin: 0 2px;
	border: 1px solid #CFAF76;
	border-radius: 40px;
	background-color: #CFAF76;
	transition: all 0.12s;
}

.btn_s1:hover, .btn_s2:hover{
	opacity: 0.9;
}

.btn_c2{
	border: 1px solid #f98c9b;
	background-color: #f98c9b;
}

.btn_c_gray{
	color: #ABABAB;
	border: 1px solid #EBEBEB;
	background-color: #EBEBEB;
}

.btn_c_gray:hover{
	color: #fff;
	border: 1px solid #ABABAB;
	background-color: #ABABAB;
}

.btn_c_green{
	color: #fff;
	border: 1px solid #2EBA46;
	background-color: #2EBA46;
}

.btn_outline{
	color: #CFAF76;
	background-color: transparent;
}

.btn_outline:hover{
	color: #000;
	background-color: #CFAF76;
}

.btn_transparent{
	color: #ABABAB !important;
	border: 1px solid transparent !important;
	background-color: transparent !important;
}

.btn_transparent:hover{
	border: 1px solid #EBEBEB !important;
	background-color: #EBEBEB !important;
}

.btn_transparent.default{
	color: #2EBA46 !important;
	border: 1px solid transparent !important;
	background-color: transparent !important;
	pointer-events: none;
}

.btn_outline.btn_c2{
	color: #f98c9b;
	background-color: transparent;
}

.btn_outline.btn_c2:hover{
	color: #fff;
	background-color: #f98c9b;
}

.btn_outline.btn_c_gray{
	color: #ABABAB;
	border: 1px solid #ABABAB;
	background-color: transparent;
}

.btn_outline.btn_c_gray:hover{
	color: #fff;
	background-color: #ABABAB;
}

.btn_outline.btn_c_green{
	color: #2EBA46;
	border: 1px solid #2EBA46;
	background-color: transparent;
}

.btn_outline.btn_c_green:hover{
	color: #fff;
	background-color: #2EBA46;
}

.btn_add_favorites:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: -2px 7px 0 -5px;
	background: url(../img/icon_favorites.svg) no-repeat center / 100% auto;
}

_:-ms-lang(x), .btn_add_favorites:before{
	background: url(../img/icon_favorites.svg) no-repeat center / 16px 16px;
}

.btn_add_favorites.active:before{
	background-image: url(../img/icon_favorites_w.svg);
}

.btn_add_cart:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 17px;
	margin: -5px 6px 0 -3px;
	background: url(../img/icon_cart.svg) no-repeat center / 100% auto;
}

.btn_add_cart.active:before{
	background-image: url(../img/icon_cart_w.svg);
}

.btn_not_allowed{
	opacity: 1 !important;
	cursor: not-allowed;
}

.btn_not_allowed.btn_c_gray{
	color: #ABABAB !important;
	border: 1px solid #EBEBEB !important;
	background-color: #EBEBEB !important;
}

.b_l{
	font-size: 16px;
	padding: 11px 36px;
}

.pt_box{
	position: relative;
	width: 100%;
	padding-bottom: 14%;
	background-size: cover;
	background-repeat: no-repeat;
}

.pt01{background-image: url(../img/pt01.jpg);}
.pt02{background-image: url(../img/pt02.jpg);}
.pt03{background-image: url(../img/pt03.jpg);}
.pt04{background-image: url(../img/pt04.jpg); background-position: 0 -60px;}

.pt_box_c{
	position: absolute;
	top: 0;
	left: 0;
	width: 36vw;
	height: 100%;
}

.pt_box_c:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.pt_box_c_bg{
	position: absolute;
	top: 0;
	left: -6vw;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: rgba(39,87,161,0.9);
	transform: skewX(16deg);
}

.pt_box_c h1{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 85%;
	color: #fff;
	z-index: 200;
	text-align: center;
	letter-spacing: 1px;
}

.pt_box_c h1 .h1_en{
	color: #fff;
	font-size: 2.25vw;
	padding: 0;
	letter-spacing: 8px;
}

.pt_box_c h1 .h1_ch{
	color: #fff;
	font-size: 1.4vw;
	padding-top: 0.8vw;
	letter-spacing: 4px;
}

.pt_box_mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
}

h1.h1_w{
	color: #fff;
	font-size: 34px;
	-webkit-text-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-moz-text-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	text-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}

.breadcrumb{
	width: 1100px;
	color: #a4a4a4;
	margin: 0 auto;
	padding: 12px 0 0 0;
	border-radius: 0;
	background-color: transparent;
}

.breadcrumb a, .breadcrumb span{
	color: #a4a4a4;
	font-size: 13px;
	transition: all 0.2s;
}

.breadcrumb a:hover{
	text-decoration: underline;
}

.b_home{
	display: inline-block;
	vertical-align: top;
	width: 22px;
	height: 24px;
	background-image: url(../img/b_home.svg);
}

.b_home:hover{
	background-image: url(../img/b_home_h.svg);
}

.about{
	background-image: url(../img/about_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.about p{
	text-align: justify;
}

.products_box{
	padding-top: 20px;
	background-color: #e6e6e6;
}

.products_box.bg_w{
	background-color: #fff;
}

.products_box .content{
	margin-top: 0;
}

.pbox{
	float: left;
	width: 48%;
	margin: 0 2% 2% 0;
	background-color: #fff;
	/*-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 6px rgba(0,0,0,0.2);*/
	transition: box-shadow 0.15s;
}

.pbox:hover{
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
}

.pbox_img{
	float: left;
	display: block;
	width: 28%;
	padding-bottom: 51%;
	transition: opacity 0.15s;
}

.pbox_info{
	float: left;
	width: 72%;
	padding: 20px;
}

.pbox_tit{
	font-family: 'Noto Sans TC';
	float: left;
	width: 100%;
	color: #245cb3;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 1px;
	padding-bottom: 7px;
}

.pbox_con{
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}

.p_detail{
	float: left;
	width: 100%;
	padding-top: 10px;
}

.pd_basic_info{
	float: left;
	width: 100%;
}

.pd_img_box{
	position: relative;
	float: left;
	width: 50%;
	padding-top: 10px;
	overflow: hidden;
}

.club .pd_img_box{
	width: 27%;
}

.club .pd_img_box img{
	float: left;
	width: 100%;
}

.pd_img{
	float: left;
	width: 100%;
}

.pd_img .swiper-slide{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #1C1C1C;
}

.pd_img .swiper-slide:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.pd_img .gallery-thumbs .swiper-slide img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

.pd_img .swiper-button-next{
	display: none;
	top: auto;
	bottom: 28px;
	right: 0;
	opacity: 1;
	background-image: url(../img/arrow_right.svg);
	background-size: 56% auto;
}

.pd_img .swiper-button-prev{
	display: none;
	top: auto;
	bottom: 28px;
	left: 0;
	opacity: 1;
	background-image: url(../img/arrow_left.svg);
	background-size: 56% auto;
}

.pd_img .swiper-button-disabled{
	opacity: 0.3;
}

.pd_img .swiper-pagination-bullet{
	opacity: 0.3;
	background-color: #245cb3;
}

.pd_img .swiper-pagination-bullet-active{
	opacity: 1;
}

.gallery-top{
	float: left;
	width: calc(100% - 10px);
	text-align: center;
	overflow: hidden;
}

.gallery-top.one_img{
	height: 100%;
}

.gallery-top .swiper-slide a{
	float: left;
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	cursor: zoom-in;
}

.gallery-top .swiper-slide a img{
	display: none;
}

.gallery-top .swiper-pagination, .gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{
	display: none;
}

.zoom_in{
	display: none;
}

.gallery-thumbs{
	float: left;
	width: 100%;
	/*height: 25%;*/
	padding: 15px 0;
	/*margin-left: 4.5%;*/
	overflow: hidden;
}

.gallery-thumbs .swiper-wrapper{
	flex-wrap: wrap;
	transform: translate3d(0px, 0px, 0px) !important;
}

.gallery-thumbs .swiper-slide{
	width: calc(25% - 10px) !important;
	height: 0;
	font-size: 0;
	text-align: center;
	padding-bottom: 17%;
	margin: 0 10px 10px 0;
	cursor: pointer;
	opacity: 0.26;
	transition: opacity 0.15s;
}

.gallery-thumbs .swiper-slide:hover{
	opacity: 1;
}

.gallery-thumbs .swiper-slide-thumb-active{
	opacity: 1;
}

.gallery-thumbs .swiper-slide-duplicate{
	display: none;
}

.fancybox-bg{
	background: #000;
}

.fancybox-is-open .fancybox-bg{
	opacity: 1;
}

.fancybox-toolbar{
	margin-right: 0 !important;
}

.fancybox-button{
	background: transparent;
}

.fancybox-button svg path{
	fill: transparent;
	stroke: currentColor;
	stroke-linejoin: round;
	stroke-width: 3;
}

.fancybox-navigation .fancybox-button{
	opacity: 0.6 !important;
	margin-top: -19px;
}

.fancybox-navigation .fancybox-button:hover{
	opacity: 1 !important;
}

.fancybox-navigation .fancybox-button--arrow_left{
	background: url(../img/a_p_w.svg) no-repeat center;
}

.fancybox-navigation .fancybox-button--arrow_right{
	background: url(../img/a_n_w.svg) no-repeat center;
}

.fancybox-navigation .fancybox-button--arrow_left svg, .fancybox-navigation .fancybox-button--arrow_right svg{
	display: none;
}

.fancybox-slide--image{
	padding: 44px 0;
}

.pd_info{
	float: left;
	width: 50%;
	padding: 8px 0 0 30px;
}

.club .pd_info{
	width: 73%;
}

.pd_tit{
	font-family: 'Noto Sans TC';
	float: left;
	width: 100%;
	color: #CFAF76;
	font-size: 18px;
	line-height: 1.4;
	padding: 0 0 12px 0;
	margin: 0 0 17px 0;
	border-bottom: 1px solid #737373;
}

.pd_tit:before{
	display: none;
}

.club .pd_tit{
	margin: 0 0 10px 0;
	border: none;
}

.club .pd_tit span{
	margin-right: 10px;
}

.pd_con{
	float: left;
	width: 100%;
}

.club .pd_con{
	border: none;
	margin-bottom: 0;
}

.pd_row{
	float: left;
	width: 100%;
	padding-bottom: 14px;
}

.club .pd_row{
	line-height: 1.4;
}

.pdr_l{
	float: left;
	width: 42px;
	color: #CFAF76;
	padding-right: 10px;
}

.club .pdr_l{
	width: 100px;
}

.pdr_r{
	font-family: 'Microsoft JhengHei';
	float: left;
	width: calc(100% - 46px);
	word-break: break-all;
	text-align: justify;
}

.club .pdr_r{
	width: calc(100% - 100px);
}

.pdr_r .pdr_a{
	padding-bottom: 1px;
	border-bottom: 1px solid #333;
	transition: 0.1s;
}

.pdr_r .pdr_a:hover{
	color: #F98C9B;
	border-bottom: 1px solid #F98C9B;
}

.pdr_r .btn_s2{
	
}

.pd_price{
	color: #CFAF76;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 18px;
	border-bottom: 1px solid #737373;
}

.quantity_box{
	float: left;
	margin: 2px;
}

.quantity_box .q_label{
	float: left;
	padding: 6px 10px 6px 6px;
}

.quantity_box .quantity{
	float: left;
}

.quantity_box input{
	float: left;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	font-size: 15px;
	text-align: center;
	padding: 0;
}

.quantity_box .b1_s{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	font-size: 0;
	text-align: center;
	padding: 0;
	border: 1px solid #F98C9B;
	transition: background-color 0.1s;
}

.quantity_box .b1_s.s_i_minus{
	margin-right: -1px;
}

.quantity_box .b1_s.s_i_plus{
	margin-left: -1px;
}

.quantity_box .b1_s.s_i_minus:before{
	content: "";
	position: absolute;
	top: 14px;
	left: 8px;
	width: 12px;
	height: 1px;
	background-color: #F98C9B;
	transition: background-color 0.1s;
}

.quantity_box .b1_s.s_i_plus:before{
	content: "";
	position: absolute;
	top: 14px;
	left: 8px;
	width: 13px;
	height: 1px;
	background-color: #F98C9B;
	transition: background-color 0.1s;
}

.quantity_box .b1_s.s_i_plus:after{
	content: "";
	position: absolute;
	top: 8px;
	left: 14px;
	width: 1px;
	height: 13px;
	background-color: #F98C9B;
	transition: background-color 0.1s;
}

.quantity_box .b1_s:hover{
	background-color: #F98C9B;
}

.quantity_box .b1_s:hover:before, .quantity_box .b1_s:hover:after{
	background-color: #fff;
}

.quantity_num{
	float: left;
	font-size: 18px;
}

.tab_box{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px solid #c3c3c3;
}

.tab{
	position: relative;
	float: left;
	width: 140px;
	font-size: 14px;
	text-align: center;
	padding: 7px 23px;
	margin-right: 5px;
	border: 1px solid #EBEBEB;
	border-bottom: none;
	border-radius: 8px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #EBEBEB;
}

.tab.current{
	border: 1px solid #c3c3c3;
	border-bottom: none;
	background-color: #fff;
}

.tab.current:before{
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
}

.cart_box, .member_box{
	float: left;
	width: 100%;
}

.mbox{
	float: left;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 20px;
}

@media screen and (min-width: 1500px){

	.mbox{
		min-height: 640px;
	}

}

.mbox h1, .mbox h2{
	text-align: center;
}

.mbox h3{
	font-size: 18px;
	margin: 3px 0 15px 0;
}

.mbox .fix_block h3{
	margin: 0 0 20px 0;
}

.mbox h1:before, .mbox h2:before{
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 5px 5px 0 0;
}

.mbox h3:before{
	display: none;
}

.step_box{
	float: left;
	width: 100%;
	font-size: 0;
	text-align: center;
	margin-bottom: 27px;
}

.step{
	display: inline-block;
	width: 600px;
	height: 80px;
	border: 1px solid rgba(249,140,155,0.6);
	border-radius: 40px;
	background-color: #FFFBE9;
}

.step_col{
	position: relative;
	float: left;
	width: 33%;
	color: #808080;
	text-align: left;
	padding: 14px 0 0 60px;
}

.step_col.active{
	color: #CFAF76;
}

.step2{
	padding-left: 50px;
}

.step3{
	padding-left: 60px;
}

.step_t1{
	font-size: 18px;
}

.step_t2{
	font-size: 14px;
}

.step_col:before{
	content: "";
	position: absolute;
	top: 25px;
	left: -13px;
	width: 30px;
	height: 30px;
	opacity: 0.8;
	background: url(../img/arrow_right.svg) no-repeat center / auto 100%;
}

.step_col.active:before{
	background-image: url(../img/arrow_right_r.svg)
}

.step1:before{
	display: none;
}

.step3:before{
	left: 5px;
}

.block{
	float: left;
	width: 100%;
}

.block p{
	color: #c5c5c5;
	line-height: 1.6;
}

.block p a{
	color: #fff;
}

.block p a:hover{
	text-decoration: underline;
}

.block .t_a_c{
	width: 100%;
	max-width: 600px;
}

.trade_row{
	float: left;
	width: 100%;
	text-indent: -17px;
	text-align: justify;
	padding: 0 0 15px 15px;
}

.add_friend{
	float: left;
	width: 50%;
	text-align: center;
	margin: 20px 0;
}

.add_friend img{
	max-width: 250px;
	width: 100%;
}

.add_friend div{
	margin-bottom: 10px;
}

.af_row{
	margin-bottom: 10px;
}

.af_row .btn_s1:before{
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin: -3px 5px 0 -6px;
	background: url(../img/add_line_w.svg) no-repeat center / auto 80%;
}

.s1_block{
	margin: 0 30px 0 140px;
}

.member_center .block{
	padding: 20px 35px;
}

.fix_block{
	position: relative;
	float: left;
	width: 270px;
	margin: 0;
}

.fix_block.fix{
	position: fixed;
	top: 87px;
	left: calc( (100% - 1100px) / 2  + 770px);
	background-color: #fff;
}

.block_row{
	position: relative;
	float: left;
	width: 100%;
	height: 134px;
	line-height: 1.3;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #d1d1d1;
}

.block_row:last-child{
	margin-bottom: -16px;
	border: none;
}

.block_row img{
	display: inline-block;
	height: 100%;
}

.block_col{
	float: left;
	height: 100%;
	padding-right: 16px;
}

.block_col .p_img{
	float: left;
	width: 77px;
	height: 100%;
	background-color: #f1f1f1;
}

.block .pagination_box{
	padding: 10px 0 0 0;
}

.p_info_col{
	position: relative;
	width: 220px;
	margin-right: 130px;
}

.order_box .p_info_col{
	width: 240px;
}

.p_title{
	display: -webkit-box;
	max-height: 40px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin: 5px 0 10px 0;
	transition: color 0.1s;
}

.p_title:hover{
	color: #CFAF76;
}

.p_author{
	color: #9A9A9A;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 14px;
}

.p_info_col .quantity_box{
	position: absolute;
	top: 50%;
	left: 100%;
	width: 100px;
	margin: 0;
	transform: translateY(-50%);
}

.p_price{
	font-size: 22px;
	padding-top: 44px;
}

.p_delete{
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 23px;
	background: url(../img/icon_x.svg) no-repeat center / 100% auto;
}

.p_total_num{
	position: absolute;
	top: 18px;
	right: 18px;
	color: #929292;
	font-size: 13px;
	padding: 4px 10px;
	border-radius: 16px;
	background-color: #F3F3F3;
}

.order_s_box{
	float: left;
	width: 100%;
}

.order_s_row{
	float: left;
	width: 100%;
	line-height: 1.3;
	padding: 5px 0 15px 0;
}

.order_s_btn{
	padding: 5px 0 0 0;
}

.os_label{
	float: left;
	font-size: 16px;
}

.os_num{
	float: right;
	font-size: 20px;
	margin-top: -3px;
}

.os_total{
	padding-top: 15px;
	border-top: 1px solid #d1d1d1;
}

.os_total .os_num{
	font-size: 24px;
	margin-top: -5px;
}

.order_box{
	position: relative;
	float: left;
	width: 100%;
}

.order_box .p_total_num{
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
}

.order_box .order_s_box{
	float: right;
	width: 220px;
	margin: 10px 10px 0 0;
}

.order_head{
	float: left;
	width: 100%;
	margin-bottom: -5px;
}

.order_date{
	float: left;
	color: #CFAF76;
	font-size: 16px;
	padding-right: 10px;
}

.order_num{
	float: left;
}

.order_status{
	float: right;
}

.t_red{
	color: #fa5353;
}

.t_pink{
	color: #F98C9B;
}

.t_orange{
	color: #fa7f00;
}

.t_gray{
	color: #A8A8A8;
}

.t_green{
	color: #2EBA46;
}

.t_gold{
	color: #CFAF76;
}

.block .row_box{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d1d1d1;
}

.block .row_box:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.box{
	float: left;
	width: 100%;
}

.br_m{
	display: none;
}

.row{
	position: relative;
	float: left;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-basis: 100%;
	width: 100%;
	margin: 6px 0 12px 0;
}

.row.jcfs{
	justify-content: flex-start;
}

.row.jcc{
	justify-content: center;
}

.row.jcfe{
	justify-content: flex-end;
}

.row.aifs{
	align-items: flex-start;
}

.row.aic{
	align-items: center;
}

.row.aife{
	align-items: flex-end;
}

.row:last-child{
	margin: 0 !important;
}

.row:before{
	display: none;
}

.row br{
	flex: 0 0 100%;
}

.popup .row{
	margin: 0 0 12px 0;
}

.popup .popup_choose_s .row{
	align-items: flex-start;
	margin: 0 0 20px 0;
}

.popup .popup_choose_s .address_row{
	margin-top: 10px;
}

.popup .popup_choose_s .address_list{
	display: none;
}

.popup .popup_choose_s .address_list .row{
	margin: 5px 0 !important;
}

.row.nowrap{
	flex-wrap: nowrap;
}

.row.t_a_c{
	justify-content: center;
}

.row_col{
	position: relative;
	padding: 0 4px 0 0;
}

.row_col.w100{
	flex-basis: 100%;
}

.popup .add_card{
	display: flex;
	flex-wrap: wrap;
}

.popup .add_card .row input{
	width: 50px;
	font-size: 15px;
	margin: 0 5px 0 0;
}

.popup .add_card .row .row_col{
	flex-basis: 100%;
	padding: 0 10px 5px 0;
}

_:-ms-lang(x), .popup .add_card .row .row_col{
	flex-basis: auto;
}

.popup .add_card .row .row_col img{
	float: right;
	width: 50px;
	margin: 5px;
	opacity: 0.4;
	filter: grayscale(1);
}

.popup .add_card .row .row_col img.active{
	opacity: 1;
	filter: none;
}

.cvv{
	margin-left: 21px;
}

.message{
	position: absolute;
	bottom: -11px;
	left: 0;
	font-size: 12px;
}

.error{
	color: #ff424f;
}

.fg1{
	flex-grow: 1;
}

.fg2{
	flex-grow: 2;
}

.fg3{
	flex-grow: 3;
}

.t_s{
	color: #888;
	font-size: 12px;
}

.row .btn_s2{
	margin: 4px 6px 6px 6px;
}

.row .select_box{
	float: none;
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	margin: 0 10px 10px 0;
}

.popup .row .select_box{
	margin: 6px 0;
}

.row input{
	float: none;
	vertical-align: middle;
	width: 200px;
	margin: 0 6px 10px 0;
}

.row input.w80{
	width: 80px;
}

.row_label{
	flex-basis: 80px;
}

.row_con{
	position: relative;
	flex-basis: calc(100% - 80px);
}

.options{
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 10px;
	margin-right: 10px;
}

.popup .row input{
	width: 100%;
	margin: 6px 0;
}

.address_box{
	display: inline-block;
}

.my_address .address_box{
	width: 250px;
}

.address_box a{
	pointer-events: none; /*防止手機版點擊時撥電話*/
}

.address_box span{
	padding: 0 10px 3px 0;
}

.address_box .postal_code{
	padding: 0 0 3px 0;
}

.address_box .store{
	padding: 0 3px 0 0;
}

.address_box .store span{
	padding: 0 3px 0 0;
}

.address_box .address span{
	padding: 0;
}

.row_name{
	margin-bottom: 3px;
}

.row_price{
	font-size: 18px;
}

.choose{
	cursor: pointer;
}

.card{
	width: 50px;
	margin-right: 5px;
}

.add_address{
	display: none;
}

.popup_box{

}

.popup{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
}

.popup.show{
	opacity: 1;
	visibility: visible;
}

.popup_wrapper{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 460px;
	max-height: 90%;
	padding: 30px 30px 21px 30px;
	overflow: auto;
	z-index: 20;
	border-radius: 11px;
	background-color: #fff;
	-webkit-overflow-scrolling: touch;
}

.popup_block{
	display: flex;
	flex-wrap: wrap;
	flex-basis: 100%;
}

.popup_tit{
	flex-basis: 100%;
	color: #CFAF76;
	font-size: 19px;
	line-height: 1.3;
	padding: 0;
	margin: 0 0 16px 0;
}

.popup_tit1{
	background: url(../img/p_tit1.png) no-repeat center / 100% auto;
}

.popup_tit2{
	background: url(../img/p_tit2.png) no-repeat center / 100% auto;
}

.popup_con{
	display: flex;
	flex-wrap: wrap;
	flex-basis: 100%;
}

.popup_close{
	position: absolute;
	top: 0;
	right: 0;
	width: 52px;
	height: 52px;
	cursor: pointer;
	background: url(../img/icon_x.svg) no-repeat center / 50% auto;
}

.popup_loading{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	border-radius: 11px;
	opacity: 0;
	visibility: hidden;
	z-index: 30;
	background-color: rgba(255,255,255,0.7);
	transition: 0.2s;
}

.popup_loading .lds-ring div, .popup_loading .lds-ring span{
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
}

.popup_loading.show{
	opacity: 1;
	visibility: inherit;
}

.popup_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(0,0,0,0.8);
}

.popup_back{
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin: -4px 5px 0 0;
	background: url(../img/arrow_left.svg) no-repeat center / auto 70%;
}

.popup_choose_s.hide{
	display: none;
}

.popup_add_address{
	display: none;
}

.popup_add_address.show{
	display: flex;
}

.order_completed_tit{
	font-family: 'Noto Sans TC';
	float: left;
	width: 100%;
	color: #CFAF76;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 500;
	text-align: center;
	padding: 0;
	margin: 10px 0 16px 0;
}

.order_completed{
	text-align: center;
	padding: 70px 25px 60px 25px;
}

.oc_icon{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	margin-bottom: 25px;
	background: url(../img/icon_order.svg) no-repeat center / auto 100%;
}

.oc_icon:before{
	content: "";
	position: absolute;
	bottom: -7px;
	right: -9px;
	width: 23px;
	height: 23px;
	background: url(../img/icon_tick.svg) no-repeat center / auto 100%;
}

.oc_tit{
	font-size: 24px;
	padding-bottom: 15px;
}

.oc_con{
	padding-bottom: 20px;
}

.cs_store{
	padding: 0 5px;
}

.cs_store_address{
	padding: 0 5px;
}

table{
	border: 2px solid #245cb3;
	margin: 10px 0 20px 0;
}

tr{
	border-bottom: 1px solid #b3b3b3;
}

tr:nth-child(even){
	background-color: #f6f8fc;
}

thead tr{
	color: #fff;
	background-color: #245cb3;
}

th{
	text-align: center;
	padding: 5px 20px;
	border-left: 1px solid #6f94cd;
}

td{
	text-align: center;
	padding: 10px 20px;
	border-left: 1px solid #b3b3b3;
}

.pd_column{
	float: left;
	width: 220px;
	padding-right: 40px;
}

.pd_column.c2{
	width: 440px;
}

.pd_c_tit{
	font-family: 'Noto Sans TC';
	float: left;
	width: 100%;
	color: #245cb3;
	font-size: 18px;
	line-height: 1.4;
	padding-bottom: 10px;
	margin: 12px 0;
	border-bottom: 1px solid #b3b3b3;
}

.pd_i{
	float: left;
	width: 100%;
	padding: 0 15px 10px 0;
}

.pd_column.c2 .pd_i{
	width: 50%;
}

.member_login{
	width: 410px;
	padding: 40px 40px 30px 40px;
	margin: 0 0 20px 390px;
}

.member_login input{
	width: calc(100% - 35px);
	font-size: 16px;
	border: none;
}

.ml_row{
	border-bottom: 1px solid #bcbcbc;
}

.ml_row:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin: 0 5px 0 0;
}

.i_member:before{
	background: url(../img/icon_member_b.svg) no-repeat center / auto 100%;
}

.i_password:before{
	background: url(../img/icon_password.svg) no-repeat center / auto 100%;
}

.row.t_a_r{
	justify-content: flex-end;
}

.fp a, .fp button{
	color: #a9a9a9;
	font-size: 14px;
}

.fp a:hover, .fp button:hover{
	color: #F98C9B;
	text-decoration: underline;
}

.social_tit{
	font-size: 18px;
	margin: -15px 0 20px 0;
}

.social_icon{
	flex-basis: 33.333333%;
}

.icon_line{
	height: 50px;
	background: url(../img/icon_line.svg) no-repeat center / auto 100%;
}

.icon_google{
	height: 47px;
	background: url(../img/icon_google.svg) no-repeat center / auto 100%;
}

.icon_facebook{
	height: 47px;
	background: url(../img/icon_facebook.svg) no-repeat center / auto 100%;
}

.member_register{
	width: 360px;
	margin-left: 415px;
}

.member_register .row{
	margin-bottom: 10px;
}

.member_register .row .row_col{
	padding: 0;
}

.member_register .row .select_box{
	width: 48.5%;
}

.member_register .row .select_box:nth-child(2){
	margin-right: 3%;
}

.member_center{
	float: left;
	margin: 0 0 0 160px;
}

.mc_nav_box{
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 45px;
}

.mc_nav_box *:not(.btn_s2){
	float: left;
	width: 100%;
}

.mc_nav{
	line-height: 1.3;
	margin-bottom: 10px;
}

.mc_nav_tit{
	font-size: 16px;
	margin-bottom: 16px;
	transition: color 0.1s;
}

.mc_nav_tit:hover, .mc_nav_tit.active{
	color: #F98C9B;
}

.mc_nav_list{
	margin-bottom: 10px;
}

.mc_nav_list a{
	color: #A1A1A1;
	margin-bottom: 15px;
	transition: color 0.1s;
}

.mc_nav_list a:hover, .mc_nav_list a.active{
	color: #F98C9B;
}

.mc_main_box{
	float: left;
	width: 600px;
}

.mc_main_box h3{
	margin-top: 0;
	line-height: 1;
}

.mc_main_box .block{
	margin: 0 0 20px 0;
}

.nothing{
	float: left;
	width: 100%;
	text-align: center;
	padding: 110px 0;
}

.ol_detail{
	align-self: flex-end;
}

.ol_detail .btn_s2{
	margin: 0 2px;
}

.ol_img{
	flex-basis: 77px;
	height: 118px;
	padding-right: 0 !important;
	margin-right: 20px;
	background-color: #f1f1f1;
}

.ol_img img{
	width: 100%;
}

.ol_info{
	padding-bottom: 10px;
}

.ol_info div{
	padding-bottom: 3px;
}

.ol_info span{
	color: #a8a8a8;
	font-size: 14px;
}

.ol_date{
	
}

.ol_qua{
	color: #a8a8a8;
	font-size: 14px;
}

.ol_info{
	flex-basis: 200px;
}

.ol_info span.ol_price{
	color: #CFAF76;
	font-size: 20px;
	padding-left: 5px;
}

.ol_status{
	position: absolute;
	top: 1px;
	right: 0;
}

.favorites_box{
	padding: 20px 35px;
}

.favorites{
	float: left;
	width: 100%;
}

.mc_submenu{
	float: left;
	width: 100%;
	border-bottom: 3px solid #444;
	margin-bottom: 10px;
}

.mc_submenu_m{
	float: left;
	width: 100%;
}

.mc_submenu a{
	float: left;
	color: #DCDCDC;
	font-size: 16px;
	padding: 12px 20px;
	margin-bottom: -3px;
	border-bottom: 3px solid #444;
	transition: border-color 0.1s;
}

.mc_submenu a:hover{
	border-color: #DCDCDC;
}

.mc_submenu a.active{
	color: #CFAF76;
	border-bottom: 3px solid #CFAF76;
}

.favorites .row_col{
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

.fav_box{
	display: flex;
	flex-basis: 50%;
	padding: 5px 15px 20px 0;
}

.fav_box *{
	display: block;
}

.fav_img{
	flex-basis: 77px;
	margin-right: 12px;
}

.f_club .fav_img{
	flex-basis: 110px;
}

.fav_i{
	width: 100%;
	padding-bottom: 153%;
	background-color: #f1f1f1;
}

.f_club .fav_i{
	padding-bottom: 100%;
}

.fav_img img{
	width: 100%;
}

.fav_con{
	flex-basis: calc(100% - 89px);
	word-break: break-all;
}

.f_club .fav_con{
	flex-basis: calc(100% - 122px);
}

.fav_tit{
	line-height: 1.3;
	margin-bottom: 5px;
	transition: color 0.12s;
}

.fav_box:hover .fav_tit{
	color: #CFAF76;
}

.f_club .fav_tit{
	margin: 5px 0 10px 0;
}

.fav_info{
	display: flex;
	flex-wrap: wrap;
	color: #9A9A9A;
	font-size: 14px;
}

.fav_info > span{
	display: flex;
	flex-basis: 100%;
	line-height: 1;
	margin-bottom: 5px;
}

.fav_info .fi_label{
	flex-basis: 40px;
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #929292;
}

.f_club .fav_info .fi_label{
	flex-basis: 60px;
}

.fav_info .fi_con{
	flex-basis: calc(100% - 40px);
}

.account{
	float: left;
	width: 100%;
}

.acc_row{
	flex-basis: 100%;
	padding: 10px;
}

.acc_row span{
	display: inline-block;
	width: 50px;
}

.acc_head{
	float: left;
	width: 100%;
	margin: 10px 0;
}

.account h3{
	width: auto;
	font-size: 15px;
	margin: 0;
}

.acc_head button{
	float: right;
	margin-top: -8px;
}

.account .row{
	padding: 10px 0;
	border-bottom: 1px solid #dfdfdf;
}

.account .row:last-child{
	border-bottom: none;
}

.account .row_col{
	padding: 0 6px 6px 0;
}

.account .p_delete{
	position: static;
}

.si_head{
	display: flex;
	flex-basis: 100%;
	margin: 0 0 20px 15px;
}

.si_img{
	margin-right: 15px;
}

.si_img img{
	width: 55px;
}

.si_box{
	position: relative;
	flex-basis: 100%;
	margin-left: 15px;
}

.si_row{
	position: relative;
	color: #9A9A9A;
	padding: 0 0 20px 25px;
}

.si_row:before{
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #dfdfdf;
}

.si_row:last-child{
	padding: 0 0 0 25px;
}

.si_row.active{
	color: #333;
}

.si_row.active:before{
	background-color: #f98c9b;
}

.si_line{
	position: absolute;
	top: 12px;
	left: 6px;
	width: 2px;
	height: 100%;
	background-color: #dfdfdf;
}

.si_time{
	font-size: 14px;
}

.downloads{
	float: left;
	width: 100%;
	padding: 70px 8% 0 8%;
}

.d_row{
	float: left;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #b3b3b3;
}

.d_row_t{
	font-family: 'Noto Sans TC';
	float: left;
	font-size: 18px;
	letter-spacing: 2px;
	padding: 5px 0;
}

.d_row_b{
	float: right;
}

.l_box{
	float: left;
	width: 185px;
	height: calc(100vh - 200px);
}

.l_box_fixed{
	position: fixed !important;
	top: 90px;
	z-index: 100;
}

.l_nav_container{
	display: inline-block;
	width: 100%;
	border: 1px solid #CBCDCE;
}

.l_nav_container *{
	display: inline-block;
	vertical-align: middle;
}

.l_nav_tit{
	width: 100%;
	color: #424141;
	font-size: 24px;
	padding: 0 0 15px 0;
}

.dropdown-trigger{
	display: none;
}

.l_nav_box{
	width: 100%;
	text-align: center;
	background-color: #EFEFF0;
}

.l_nav{
	width: 100%;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 0;
	border-bottom: 1px solid #CBCDCE;
}

.l_nav:last-child{
	border-bottom: none;
}

.l_nav:hover{
	border-left: 5px solid rgba(10,105,10,0.9);
	background-color: rgba(255,255,255,0.9);
	transition: all 0.2s;
}

.l_nav_active{
	color: #0A690A;
	border-left: 5px solid #0A690A;
	background-color: rgba(255,255,255,1);
}

.l_nav_s{
	font-size: 15px;
}

.r_box{
	float: left;
	width: 775px;
	text-align: justify;
	margin: 0 0 0 40px;
}

.r_box_m_l{
	margin-left: 225px;
}

.a_c_rowbox{
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
}

.a_c_row{
	float: left;
	width: 100%;
	padding: 5px 0 0 0;
}

.a_c_img{
	float: left;
	width: 66.8%;
}

.a_c_con{
	float: left;
	width: 30.2%;
	margin: 0 0 0 3%;
}

.a_c_ul{
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	border-top: 1px solid #CBCDCE;
}

.a_c_ul li{
	float: left;
	width: 100%;
	padding: 10px 0 0 0;
}

.a_c_ul li:before{
	content: " ";
	display: inline-block;
	vertical-align: bottom;
	width: 24px;
	height: 24px;
	background-image:url(../img/v.svg);
}

.a_f_box{
	float: left;
	width: 100%;
	padding: 40px 0 0 0;
}

.a_f_row{
	position: relative;
	float: left;
	width: 720px;
	padding: 0 0 36px 78px;
	margin: 0 0 0 55px;
	border-left: 3px solid #76B051;
}

.a_f_row:last-child{
	border-left: 3px solid #fff;
}

.a_f_tit{
	position: absolute;
	top: -30px;
	left: -60px;
	width: 116px;
	height: 116px;
	color: #2C7500;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 44px 0 0 0;
	border: 1px solid #76B051;
	border-radius: 116px;
	-webkit-border-radius: 116px;
	-moz-border-radius: 116px;
	background-color: #fff;
}

.a_f_con{
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
}

.a_f_img{
	float: left;
	width: 100%;
}

.a_f_img img{
	float: left;
	width: 100%;
}

.a_h_box{
	float: left;
	width: 100%;
}

.a_h_row{
	float: left;
	width: 100%;
	margin: 10px 0;
}

.a_h_y{
	float: left;
	width: 13.5%;
	color: #338800;
	font-size: 36px;
	line-height: 0.95;
}

.a_h_r{
	float: left;
	width: 86.5%;
}

.a_h_tit{
	float: left;
	width: 100%;
	color: #2C7500;
	font-size: 18px;
	font-weight: bold;
}

.a_h_con{
	float: left;
	width: 100%;
}

.a_o_box{
	float: left;
	width: 100%;
}

.s_o_box{
	float: left;
	width: 100%;
}

.s_o_wf{
	float: left;
	width: 36%;
	margin-top: 12px;
}

.s_o_row{
	position: relative;
	float: left;
	width: 100%;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	padding: 12px 10px;
	margin: 0 0 32px 0;
	border: 1px solid #000;
	background-color: #fff;
}

.s_o_row:last-child{
	margin: 0;
}

.s_oem .s_o_row{
	color: #245cb3;
	border: 1px solid #245cb3;
}

.s_oem .s_o_row .s_o_t_c{
	color: #488B1D;
}

.s_oem .s_o_row:after{
	border-top-color: #ACD791;
}

.s_odm .s_o_row{
	color: #A37B4F;
	border: 1px solid #BE946B;
}

.s_odm .s_o_row .s_o_t_c{
	color: #845D3B;
}

.s_odm .s_o_row:after{
	border-top-color: #D2AC83;
}

.s_spa .s_o_row{
	color: #AC1C2A;
	border: 1px solid #DA8086;
}

.s_spa .s_o_row .s_o_t_c{
	color: #A4283F;
}

.s_spa .s_o_row:after{
	border-top-color: #E4939B;
}

.s_o_t_c{
	font-size: 18px;
}

.s_o_t_e{
	font-size: 15px;
	padding: 7px 0 0 0;
}

.s_o_row:after{
	content: " ";
	position: absolute;
	bottom: -23px;
	left: 50%;
	margin: 0 0 0 -30px;
	border-top: 14px solid #000;
	border-right: 26px solid transparent;
	border-left: 26px solid transparent;
}

.s_o_row:last-child:after{
	border: none;
}

.s_o_i{
	float: left;
	width: 64%;
}

.p_box_tit{
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	padding: 0 20px;
}

.p_box_con{
	float: left;
	width: 100%;
	padding: 15px;
}

.p_box_info{
	float: left;
	width: 100%;
	text-align: left;
}

.p_i_h{
	float: left;
	width: 100%;
	color: #fff;
	font-weight: bold;
	padding: 6px 15px;
	background-color: #80BA17;
}

.p_i_h_l{
	float: left;
	width: 25%;
}

.p_i_h_r{
	float: left;
	width: 75%;
	padding: 0 0 0 8px;
}

.p_i_b{
	float: left;
	width: 100%;
}

.p_row{
	float: left;
	width: 100%;
	padding: 8px 15px;
	border-bottom: 1px solid #CBCDCE;
}

.p_row_l{
	float: left;
	width: 25%;
	color: #6aa500;
	font-weight: bold;
}

.p_row_r{
	float: left;
	width: 75%;
	padding: 0 0 0 8px;
}

.p_row_n{
	float: left;
	width: 100%;
	color: #6aa500;
	font-size: 14px;
	padding: 5px 0 0 20px;
}

.contact_box{
	float: left;
	width: 100%;
}

.map_box{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.map_box iframe{
	float: left;
	width: 100%;
	height: 300px;
}

.contact_row{
	float: left;
	width: 100%;
	padding: 10px 0;
}

.qr_code_box{
	float: left;
	padding: 10px;
	background-color: #ECECED;
}

.qr_code_box img{
	float: left;
}

.contact_info{
	float: left;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 20px;
}

.contact_info_row{
	float: left;
	width: 100%;
	padding-bottom: 20px;
}

.contact_info_row a{
	color: #333;
}

.contact_info .tel:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 0 5px 0 0;
	opacity: 0.9;
	background: url(../img/tel.svg) no-repeat center;
}

.contact_info .fax:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 0 5px 0 0;
	opacity: 0.9;
	background: url(../img/fax.svg) no-repeat center;
}

.contact_info .email:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 0 5px 0 0;
	opacity: 0.9;
	background: url(../img/email.svg) no-repeat center;
}

.cir_tit{
	font-family: 'Noto Sans TC';
	font-size: 20px;
	font-weight: 500;
}

.consultation{
	float: left;
	width: 100%;
}

.consultation_from{
	float: left;
	width: 80%;
	padding: 10px 0 0 0;
}

.c_f_row{
	float: left;
	width: 100%;
	padding: 12px 0;
}

.c_f_row_2{
	float: left;
	width: 50%;
}

.c_f_row_l{
	float: left;
	width: 88px;
	font-weight: bold;
	text-align: right;
	line-height: 1;
	padding: 10px 0 0 0;
}

.c_f_row_r{
	float: left;
	width: calc(100% - 88px);
	padding: 0 0 0 3px;
}

input{
	display: inline-block;
	vertical-align: middle;
	float: left;
	width: 100%;
	height: 28px;
	color: #000;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	padding: 3px 7px;
	border: none;
	border-radius: 0 !important;
	background-color: rgba(255,255,255,0.6);
	outline: none;
	-webkit-appearance: none;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
	transition: background-color 0.2s;
}

input:focus{
	background-color: rgba(255,255,255,0.8);
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #555;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #555;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #555;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #555;
}

.placeholderColor { color : #555; }

input[type=checkbox], input[type=radio]{
 display: none;
}

input[type=checkbox] + label, input[type=radio] + label{
	position: relative;
	display:inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	margin: -3px 4px 0 0;
	cursor: pointer;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

input[type=checkbox] + label{
	border: 1px solid #CFAF76;
	transition: background-color 0.1s;
}

input[type=checkbox] + label:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: url("../img/checkbox_checked.svg") no-repeat center / cover;
	z-index: 1;
	transition: transform 0.18s;
}

input[type=checkbox]:not(old):checked + label{
	background-color: #CFAF76;
}

input[type=checkbox]:not(old):checked + label:before{
	transform: scale(1);
}

input[type=radio] + label{
	border-radius: 50%;
	background-color: #CFAF76;
}

input[type=radio] + label:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #1C1C1C;
	z-index: 1;
	transition: transform 0.18s;
}

input[type=radio] + label:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #CFAF76;
	border-radius: 50%;
	z-index: 2;
}

input[type=radio]:not(old):checked + label:before{
	transform: scale(0.44);
}

select{
	position: relative;
	color: #CFAF76;
	cursor: pointer;
	padding: 0 8px !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select_box{
	position: relative;
	float: left;
	width: 100%;
	border: 1px solid #CFAF76;
	overflow: hidden;
	margin-right: 15px;
}

.select_box:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	pointer-events: none;
	background: url(../img/arrow_down_p.svg) no-repeat center / auto 31%;
}

.form_control{
	display: inline-block;
	vertical-align: middle;
	float: left;
	width: 100%;
	height: 28px;
	color: #000;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	padding: 3px 7px;
	border: none;
	border-radius: 0 !important;
	background-color: rgba(255,255,255,0.6);
	outline: none;
	-webkit-appearance: none;
	transition: 0.2s;
}

/*.form_control:focus{
	border-color: #EC8A97;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}*/

select.form_control{
	width: 130%;
	height: 30px;
	color: #CFAF76;
	font-weight: normal;
	border: none;
	background-color: transparent;
}

select option{
	color: #333;
}

textarea{
	display: inline-block;
	vertical-align: middle;
	float: left;
	width: 100%;
	max-width: 600px;
	min-height: 100px;
	color: #333;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	padding: 7px;
	border: none;
	border-radius: 0 !important;
	background-color: rgba(255,255,255,0.6);
	outline: none;
	-webkit-appearance: none;
	transition: 0.2s;
}

.t_a_l{
	text-align: left;
}

.t_a_c{
	text-align: center;
}

.t_a_r{
	text-align: right;
}

.clearfix{
	clear: both;
}

.h_d{
	display: none;
}

.d_n{
	display: none !important;
}

.d_b{
	display: block !important;
}

.v_h{
	visibility: hidden !important;
	opacity: 0 !important;
}

.d_v{
	visibility: visible !important;
	opacity: 1 !important;
}

.gotop{
	position: fixed;
	bottom: 26px;
	right: 26px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	z-index: 80;
	opacity: 0;
	visibility: hidden;
	background-image: url(../img/gotop.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 -1px;
	background-color: #111;
	transition: all 0.2s;
}

footer{
	font-size: 14px;
	text-align: center;
	padding: 20px 0;
	color: #bebebe;
	background-color: #111;
}

.footer_box{
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
}

.footer_box div{
	text-align: left;
	padding-bottom: 10px;
}

.footer_box div:last-child{
	padding: 0;
}

.footer_box a{
	color: #bebebe;
}

.footer_box a:hover{
	text-decoration: underline;
}

.footer_box .f_icon:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
}

.footer_box .tel:before{
	background: url(../img/icon_tel.svg) no-repeat center;
}

.footer_box .fax:before{
	background: url(../img/icon_fax.svg) no-repeat center;
}

.footer_box .mailbox:before{
	background: url(../img/icon_mailbox.svg) no-repeat center;
}

.footer_box .email:before{
	background: url(../img/icon_email.svg) no-repeat center;
}

.copyright{
	color: #bebebe;
}

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

body{
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 14px;
	font-weight: normal;
}

body.o_h{
	overflow: hidden;
}

.lds-ring div, .lds-ring span{
  top: 48%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border-width: 2px;
}

h1, h2{
	font-size: 17px;
	margin: 10px 0;
}

h1:before, h2:before{
	width: 17px;
	height: 17px;
}

h1:after, h2:after{
	width: 17px;
	height: 17px;
	margin: -3px 0 0 3.5px;
}

h3, .popup_tit{
	font-size: 16px;
}

header{
	height: 50px !important;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.3);
}

.navigation{
	position: relative;
	width: 100%;
	margin: 0 auto !important;
}

.logo{
	position: absolute;
	top: 1.5px;
	left: 50%;
	width: 186px;
	height: 47px;
	margin-left: -98px;
}

.m_menu_b{
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../img/m_menu_b.svg) no-repeat center;
	z-index: 10;
}

.m_menu_bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	visibility: hidden;
	opacity: 0;
	z-index: 100;
	background-color: rgba(0,0,0,0.7);
	transition: all 0.35s;
}

.nav_box{
	position: absolute;
	top: 0;
	left: 0;
	float: none;
	width: 260px;
	height: 100vh;
	margin: 0;
	overflow: auto;
	z-index: 200;
	transform: translateX(-260px);
	background-color: #1c1c1c;
	-webkit-overflow-scrolling: touch;
	transition: transform 0.26s;
}

.nav_box_d_b{
	transform: translateX(0);
}

.nav_box ul.menu li{
	width: 100%;
	background-color: rgba(255,255,255,0) !important;
}

.nav_box ul.menu li a{
	width: 260px;
	height: 48px;
	text-align: left;
	line-height: 48px;
	padding: 0 40px !important;
	border-bottom: 1px solid #262626;
}

.nav_box ul.menu li a.current{
	color: #333;
}

.nav_box ul.menu li:hover a.current{
	color: #245cb3;
}

.nav_t_c{
	display: inline-block;
	margin-right: 5px;
}

.nav_t_e{
	display: inline-block;
}

.nav_box ul.menu ul.submenu{
	position: static;
	display: none;
	visibility: visible;
	opacity: 1;
	float: left;
	width: 100% !important;
	padding: 6px 0 10px 0;
	border: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	transform: translateX(0);
}

.nav_box ul.menu ul.submenu li{
	float: left;
	width: 100%;
}

.nav_box ul.menu ul.submenu li:last-child{
	border-bottom: 0;
}

.nav_box ul.menu ul.submenu li a{
	float: left;
	width: 100%;
	color: #555 !important;
	font-size: 14px;
	padding: 0 55px !important;
	border-bottom: none;
	/*border-bottom: 1px solid rgba(255,255,255,0.2);*/
}

.nav_box ul.menu ul.submenu ul{
	position: static;
	display: none;
	visibility: visible;
	opacity: 1;
	top: 0;
	left: 0;
	float: left;
	width: 100%;
	border-top: 1px solid #eee;
	border-bottom: none;
}

.nav_box ul.menu li .n_a{
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 46px !important;
	height: 46px;
	padding: 0 !important;
	z-index: 300;
	/*border-left: 1px solid #ddd;*/
	border-bottom: none;
	background: url(../img/n_a_d.svg) no-repeat center / 70%;
	transition: all 0s;
}

.nav_box ul.menu li ul li .n_a{
	border-left: 1px solid #eee;
}

.nav_box ul.menu li .n_a_u{
	background-image: url(../img/n_a_u.svg);
}

.nav_box ul.menu li.add_line a{
	padding-left: 70px !important;
}

.add_line:before{
	top: 13px;
	left: 40px;
	width: 22px;
	height: 22px;
}

.nav_lan_box{
	color: #F98C9B;
	margin: 16px 0 110px 40px;
	border: 1px solid #F98C9B;
}

.lan_current:before{
	opacity: 1;
	background-image: url(../img/icon_lan_p.svg);
}

.lan_current:after{
	background: url(../img/arrow_down_p.svg) no-repeat center / 90%;
}

.nav_fix_box{
	right: 0;
	z-index: 20;
}

.nav_fix_box_mr{
	float: right;
}

.nav_btn{
	float: right;
	width: 50px;
	height: 50px;
	opacity: 0.9;
}

.nav_btn:hover{
	background-color: transparent;
}

.nav_search{
	background-size: 30%;
}

.nav_search.active{
	background-color: rgba(255,255,255,0);
}

.nav_search_box{
	width: 100vw;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b3b3b+0,1a1a1a+100 */
background: #3b3b3b; /* Old browsers */
background: -moz-linear-gradient(left,  #3b3b3b 0%, #1a1a1a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #3b3b3b 0%,#1a1a1a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #3b3b3b 0%,#1a1a1a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#1a1a1a',GradientType=1 ); /* IE6-9 */
	box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
}

.nav_member{
	background-size: 42%;
}

.nav_favorites{
	background-size: 48%;
}

.nav_cart{
	background-size: 49%;
	background-position: 6px center;
}

.nav_cart span{
	width: 14px;
	height: 14px;
	font-size: 11px;
	border-radius: 14px;
}

.nav_r_box{
	width: 100%;
	padding: 20px 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
}

.tel_box{
	margin: 3px 15px 0 30px;
	text-align: center;
}

.tel_box:before{
	display: inline-block;
	vertical-align: top;
	float: none;
	margin: 1px 2px 0 0;
}

.arrow-bottom{
	display: none;
}

.arrow-right{
	display: none;
}

#top{
	height: 94px;
}

.kanban{
	width: 100% !important;
	margin: 0 auto 34px auto;
}

.kanban .slide_con{
	padding-bottom: 32%;
}

#content{
	width: 86% !important;
	margin: 8px auto 30px auto;
}

#content.home{
	margin: 0 auto 30px;
}

.swiper-container{
	
}

.kanban .slide_con .slide_con_img{
	padding-bottom: 75%;
}

.swiper-button-next, .swiper-button-prev{
	top: 56%;
	width: 20px;
	opacity: 0.8;
}

.kanban .swiper-button-next, .kanban .swiper-button-prev{
	display: none;
}

.ss_text{
	top: 25vw;
	right: 0;
	width: 100%;
	font-size: 6.6vw;
	text-align: center;
	text-shadow: 0px 0px 12px rgba(0,0,0,0.8);
	z-index: 100;
}

.ss_text2{
	top: 37vw;
	right: 0;
	width: 100%;
	font-size: 4.2vw;
	text-align: center;
	text-shadow: 0px 0px 12px rgba(0,0,0,0.8);
	z-index: 100;
}

.ss_tb{
	color: #fff;
}

.ss_link{
	top: 49vw;
	right: 50%;
	font-size: 4vw;
	padding: 2vw 5vw;
	z-index: 100;
	transform: translateX(50%);
}

.ss_link2{
	color: #fff;
	border: 1px solid #fff;
}

.slide_con_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
}

.swiper-pagination{
	bottom: -23px !important;
}

.swiper-pagination-bullet{
	width: 9px;
	height: 9px;
}

.row_box{
	margin-bottom: 10px;
}

.btn_s1{
	width: 140px;
}

.btn_s1, .btn_s2{
	font-weight: bold;
	opacity: 1 !important;
}

.block .btn_s1{
	width: 46%;
	margin: 2%;
}

.btn_outline.btn_c2{
	color: #f98c9b !important;
	background-color: transparent !important;
}

.item_box{
	flex: 0 0 47% !important;
	margin: 0 6% 26px 0 !important;
}

.item_box:nth-child(2n){
	margin: 0 0 26px 0 !important;
}

.home .item_box:last-child{
	display: none;
}

.item_img{
	margin-bottom: 7px;
}

.item_tit{
	color: #DCDCDC !important;
	max-height: 72px;
	-webkit-line-clamp: 4;
}

.item_info{
	font-size: 12px;
}

.item_row span:first-child {
	flex-basis: 33px;
}

.item_row span:last-child {
	flex-basis: calc(100% - 40px);
}

.item_price{
	font-size: 19px;
}

.item_favorites{
	bottom: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background-size: 45%;
	background-position: 19px 22px;
}

.breadcrumb{
	width: 100%;
	padding: 7px 15px;
}

.category_submenu{
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	padding: 0;
	z-index: 1600;
	background: #2e2e2e; /* Old browsers */
background: -moz-linear-gradient(left,  #2e2e2e 0%, #1C1C1C 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2e2e2e 0%,#1C1C1C 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2e2e2e 0%,#1C1C1C 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#1C1C1C',GradientType=1 ); /* IE6-9 */
box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
}

.category_title{
	display: none;
	font-size: 17px;
	padding: 5px 0 10px 0;
}

.category_con{
	padding: 0 10px;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.category{
	float: none;
	display: inline-block;
	width: auto;
	color: #c9a66a !important;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	padding: 15px 7px;
	margin: 0;
	background-color: transparent !important;
}

.category:before{
	display: none;
}

.search_title{
	font-size: 17px;
	margin: 10px 0;
}

.filter_result{
	width: 100%;
	font-size: 14px;
	padding: 10px 0 12px 0;
}

.main_box{
	position: relative;
	width: 100%;
}

.sort{
	position: absolute;
	top: 8px;
	right: 0;
	width: 160px;
	margin: 0;
}

.select_box:after{
	width: 26px;
	background-size: 38% auto;
}

.sort .form_control{
	font-size: 13px;
}

.mobile_filter{
	display: block;
	float: left;
	width: 100%;
	padding: 10px 0 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(249,140,155,0.4);
}

.mobile_filter .select_box{
	float: left;
	width: 31.333333%;
	margin-right: 3%;
}

.mobile_filter .select_box:last-child{
	margin-right: 0;
}

.i_about{
	padding: 30px 0;
	background-size: 110% auto;
}

.con_i1{
	padding-bottom: 20px;
}

.con_i1 h1, .con_i2 h1{
	padding: 12px 0;
}

.h1_en{
	font-size: 30px;
}

.intro_box{
	text-align: center;
	padding: 20px 0;
}

.intro_logo{
	display: none;
	/*display: inline-block;*/
	float: none;
	width: 70%;
}

.intro{
	line-height: 26px;
}

.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev{
	display: none !important;
	opacity: 0 !important;
}

.ms-bullets.ms-dir-h{
	opacity: 1 !important;
}

.intro_box{
	padding: 0 0 15px 0;
}

.intro{
	width: 100%;
	line-height: 26px;
	text-align: justify;
	padding: 15px 10px;
}

.i2_f1,.i2_f2,.i2_f3{
	display: none;
}

.i2_cbox{
	width: 100%;
	padding: 30px 0 50px 0;
}

.i_product{
	padding: 20px 0 0 0;
}

.ibox_p{
	width: 76%;
	margin: 0 12% 30px 12%;
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0) !important;
	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,0) !important;
	box-shadow: 0px 1px 6px rgba(0,0,0,0) !important;
}

.ibox_p_img{
	opacity: 1 !important;
}

.more{
	top: 11px;
}

.pt_box{
	padding-bottom: 50%;
}

.pt03{
	background-position: 62% bottom;
}

.pt04{
	background-position: right top;
}

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

.pt_box_c h1 .h1_en{
	font-size: 30px;
}

.pt_box_c h1 .h1_ch{
	font-size: 20px;
	padding-top: 10px;
}

.pt_box_c_bg{
	display: none;
}

.pt_box_mask{
	background-color: rgba(0,0,0,0.3);
}

.about{
	background-size: 60% auto;
}

.pbox{
	width: 100%;
	margin: 0 0 30px 0;
}

.pbox_img{
	width: 100%;
	padding-bottom: 50%;
}

.pbox_info{
	width: 100%;
	padding: 20px;
	text-align: center;
}

.pbox_tit{
	padding-bottom: 12px;
}

.pbox_tit_ch{
	float: left;
	width: 100%;
	font-size: 20px;
	padding-bottom: 7px;
}

.pbox_tit_en{
	float: left;
	width: 100%;
}

.pd_img_box{
	width: 100% !important;
	padding: 0;
	margin-bottom: 10px;
}

.club .pd_img_box img{
	width: 70%;
	margin-left: 15%;
}

.p_detail{
	padding-top: 18px;
}

.pd_img{
	padding-left: 10px;
}

.pd_img.one_img{
	margin-bottom: -12%;
}

.zoom_in{
	display: block;
	float: right;
	color: #fff;
	font-size: 12px;
	opacity: 0.6;
	padding: 7px 12px 0 0;
}

.zoom_in:before{
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 11px;
	margin: -3px 5px 0 0;
	background: url(../img/icon_search_w.svg) no-repeat center / 100% auto;
}

.gallery-thumbs{
	padding: 7px 0 0 0;
}

.gallery-thumbs .swiper-slide:hover{
	opacity: 0.26;
}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active:hover{
	opacity: 1;
}

.pd_img .swiper-button-next, .pd_img .swiper-button-prev{
	bottom: 18px;
	background-size: 50% auto;
}

.pd_img .swiper-button-next{
	right: -3px;
}

.pd_img .swiper-button-prev{
	left: -3px;
}

.swiper-pagination-lock, .swiper-button-lock{
	display: none !important;
}

.fancybox-navigation{
	display: none;
}

.fancybox-navigation .fancybox-button{
	top: 50%;
}

.fancybox-navigation .fancybox-button--arrow_left{
	left: 0;
}

.fancybox-navigation .fancybox-button--arrow_right{
	right: 0;
}

.pd_info{
	width: 100% !important;
	padding: 0;
}

.pd_tit{
	font-size: 15px;
	padding-bottom: 10px;
	margin-bottom: 13px;
}

.pd_tit_ch{
	float: left;
	width: 100%;
	padding-bottom: 5px;
}

.pd_tit_en{
	float: left;
	width: 100%;
}

.pd_con{

}

.pd_row{
	padding-bottom: 14px;
}

.pdr_l{
	width: 38px;
}

.pdr_r{
	width: calc(100% - 38px);
}

.pd_row .btn_s1{
	float: left;
	width: 48%;
	margin: 10px 4% 0 0;
}

.pd_row .btn_s1:nth-child(2n){
	margin: 10px 0 0 0;
}

.pd_price{
	font-size: 20px;
	margin-bottom: 14px;
}

.quantity_box .b1_s{
	border: 1px solid #fbbac3;
	background-color: transparent !important;
}

.quantity_box .b1_s:before, .quantity_box .b1_s:after{
	background-color: #f98c9b !important;
}

.quantity_box input{
	border: 1px solid #fbbac3;
}

.pd_tac{
	text-align: center;
}

.tab{
	width: auto;
	font-size: 13px;
	padding: 6px 13px;
}

.mbox{
	padding: 0;
}

.mbox h1, .mbox h2{
	text-align: left;
}

.mbox h3{
	font-size: 16px;
	margin: 5px 0 10px 0;
}

.step_box{
	margin-bottom: 16px;
}

.step{
	width: 100%;
	height: auto;
	padding: 10px;
	border-radius: 11px;
}

.step_col{
	width: 30%;
	padding: 3px;
}

.step_col:before{
	top: 9px;
	left: -22px;
	width: 12px;
	height: 12px;
}

.step1{
	width: 33%;
}

.step2{
	width: 41%;
}

.step3{
	width: 26%;
}

.step_t1{
	font-size: 15px;
}

.step_t2{
	font-size: 12px;
	line-height: 1.3;
}

.block{
	
}

.s1_block{
	margin: 0;
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.fix_block{
	position: static !important;
	top: auto;
	left: auto;
	width: 100%;
	margin-top: -25px;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.fix_block h3{
	display: none;
}

.block_row{
	height: 120px;
	padding-bottom: 12px !important;
	margin-bottom: 12px !important;
	border-bottom: 1px solid #d1d1d1 !important;
}

.block_row:last-child{
	
}

.block_col .p_img{
	width: 70px;
}

.block_col{
	padding-right: 12px;
}

.p_info_col{
	width: 50% !important;
	margin: 0;
}

.p_title{
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.p_author{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.p_info_col .quantity_box{
	position: static;
	float: left;
	transform: translateY(0);
}

.quantity_num{
	font-size: 15px;
	padding-left: 3px;
}

.p_price{
	position: absolute;
	bottom: 20px;
	right: 6px;
	font-size: 20px;
}

.p_delete{
	top: -3px;
	right: -5px;
}

.p_total_num{
	position: static;
	float: left;
	margin: 0 16px 20px 0;
}

.order_s_box{
	float: right !important;
	width: calc(100% - 110px) !important;
	padding-right: 5px;
	margin: 0 !important;
}

.order_s_row{
	padding-bottom: 10px;
}

.os_label{
	font-size: 15px;
}

.address_box{
	padding-bottom: 10px;
}

.my_address .address_box{
	width: 100%;
	padding-bottom: 0;
}

.my_address .btn_s2{
	margin: 0 2px;
}

.br_m{
	display: inline;
}

.popup:before{
	display: none;
}

.popup_wrapper{
	align-items: center;
	width: 100%;
	height: 100%;
	max-height: 100%;
	border-radius: 0;
}

.popup_block{
	margin: auto; /*解決iphone上 popup_wrapper中設定 align-items: center;屬性後 overflow: auto;會失效的bug*/
}

.order_completed_tit{
	font-size: 17px;
	margin: 10px 0;
}

.order_completed{
	padding: 40px 10px 30px 10px !important;
}

.oc_icon{
	width: 42px;
	height: 42px;
	margin-bottom: 21px;
}

.oc_icon:before{
	bottom: -7px;
	right: -7px;
	width: 20px;
	height: 20px;
}

.oc_tit{
	font-size: 20px;
}

.member_login{
	width: 100%;
	padding: 30px 30px 20px 30px !important;
	margin: 0 0 20px 0;
}

.member_login input{
	font-size: 15px;
}

.social_tit{
	font-size: 16px;
	margin: -10px 0 20px 0;
}

.social_icon{
	height: 40px;
	margin-bottom: 5px;
}

.member_center{
	margin: 0;
}

.mc_nav_box{
	position: relative;
	width: 100%;
	padding: 0;
	margin: 6px 0 20px 0;
}

.mc_nav_m{
	overflow: hidden;
	border: 1px solid #c3c3c3;
	border-radius: 8px;
	background-color: #EBEBEB;
}

.mc_nav{
	width: 33.3333% !important;
	margin: 0;
	border-right: 1px solid #c3c3c3;
}

.mc_nav:nth-child(3n){
	border-right: none;
}

.mc_nav_tit{
	color: #A1A1A1;
	font-size: 14px;
	text-align: center;
	padding: 7px 0;
	margin: 0;
	background-color: #EBEBEB;
}

.mc_nav_tit:hover{
	color: #A1A1A1;
}

.mc_nav_tit.active{
	color: #333333;
	background-color: #fff;
}

.mc_nav_tit:hover.mc_nav_tit.active{
	color: #333333;
	background-color: #fff;
}

.mc_nav_list{
	display: none;
}

.mc_nav_box .btn_s2{
	position: absolute;
	top: -42px;
	right: 0;
}

.mc_main_box{
	width: 100%;
}

.ol_img{
	flex-basis: 70px;
	height: 107px;
}

.ol_info{
	flex-basis: calc(100% - 100px);
}

.ol_detail{
	
}

.nothing{
	padding: 60px 0;
}

.favorites_box{
	padding: 16px 30px !important;
}

.mc_submenu{
	text-align: center;
	border: none;
	margin: 10px 0;
}

.mc_submenu_m{
	float: none;
	width: auto;
	display: inline-block;
	overflow: hidden;
	border: 1px solid #CFAF76;
	border-radius: 8px;
}

.mc_submenu a{
	color: #CFAF76;
	font-size: 14px;
	margin: 0;
	border: none !important;
	border-right: 1px solid #CFAF76 !important;
}

.mc_submenu a:last-child{
	border-right: none !important;
}

.mc_submenu a.active{
	color: #000;
	background-color: #CFAF76;
}

.mc_submenu.s3 a{
	padding: 5px 16px;
}

.mc_submenu.s4 a{
	font-size: 12px;
	padding: 5px 9px;
}

.mc_submenu.s5 a{
	font-size: 12px;
	padding: 5px 6px;
}

.fav_box{
	flex-basis: 100%;
	padding-right: 0;
}

/*.fav_img{
	flex-basis: 70px;
}

.fav_con{
	flex-basis: calc(100% - 82px);
}*/

.acc_head{
	margin: 0;
}

.acc_head button{
	margin: 0;
}

.account .row_col.fg1{
	flex-basis: 100%;
}

.account .setup_default{
	color: #ABABAB !important;
	border: 1px solid #ABABAB !important;
	background-color: transparent !important;
}

.si_tit{
	font-size: 15px;
}

.row{
	margin: 0 0 10px 0;
}

.row_label{
	flex-basis: 100%;
	padding: 4px 0 8px 0;
}

.row_con{
	flex-basis: 100%;
}

.trade_row{
	text-indent: -16px;
}

.add_friend{
	width: 100%;
}

.add_friend img{
	width: 180px;
}

.add_friend div.af_row{
	margin-bottom: 3px;
}

.downloads{
	padding: 50px 0 0 0;
}

.contact_info{
	padding: 0;
}

.contact_info_row{
	font-size: 13px;
	padding-bottom: 10px;
}

.contact_info .tel:before, .contact_info .fax:before, .contact_info .email:before{
	width: 20px;
	height: 20px;
}

.a_c_img{
	width: 61%;
}

.a_c_con{
	width: 36%;
}

.a_c_ul li{
	padding: 5px 0 0 0;
}

.a_f_row{
	width: 88%;
	margin: 0 0 0 9%;
}

.a_h_r{
	padding: 0 0 0 2%;
}

.a_o_box img{
	width: 100%;
}

.s_o_wf{
	width: 40%;
}

.s_o_i{
	width: 60%;
}

.p_row_n{
	text-align: center;
}

.contact_box h2{
	margin: 12px 0;
}

.consultation_from{
	width: 100%;
}

.v_d{
	display: none;
}

.h_d{
	display: block;
}

.gotop{
	bottom: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
}

footer{
	padding: 20px 0;
}

.footer_box{
	width: 100%;
	padding: 5px 40px;
	border: none;
}

.footer_box .tel{
	
}

.footer_box .email2{
	padding-bottom: 40px;
}

}

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

.category{
	font-size: 13px;
}

}