@font-face {
	font-family: 'flexslider-icon';
	src: url('../font/flexslider/flexslider-icon.eot');
	src: url('../font/flexslider/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../font/flexslider/flexslider-icon.woff') format('woff'),
		url('../font/flexslider/flexslider-icon.ttf') format('truetype'),
		url('../font/flexslider/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* .row{
	margin-left: -10px;
	margin-right: -10px;
} */
.row::before {
	display: table;
	content: " ";
}

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

.row-line {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #d2d2d2;
	margin: 30px 0;
}

/*過濾器*/
.filter {
	position: absolute;
	top: 0px;
	right: 0px;
	margin-bottom: 0px;
}

.filter .select {
	font-size: 15px;
	color: #3e3a39;
	width: 200px;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	margin: 0;
	padding: 8px 10px;
	background-color: #fff;

	/*移除箭頭樣式*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;

	/*改變右邊箭頭樣式*/
	background-image: url('../img/filter-double-arrow.png');
	background-repeat: no-repeat;
	background-position: right 5px center;
	padding-right: 23px;
}

/*IE隱藏箭頭樣式*/
.filter .select::-ms-expand {
	display: none;
}

/* 表單 */
.panel-group {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.panel-heading {
	padding: 10px 15px;
	background-color: #3e3a39;
}

.panel-heading h2 {
	font-size: 15px;
	font-weight: normal;
	color: #fff;
}

.panel-body {
	padding: 30px;
	border: 1px solid #d2d2d2;
	background-color: #fff;
}

.form-group {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.form-group::after {
	content: '';
	display: block;
	clear: both;
}

.form-group .memo {
	top: 0px;
	padding: 0px;
	font-size: 13px;
}

.form-group .checkbox-group {
	display: inline-block;
	margin-top: 6px;
	margin-right: 10px;
}

@media screen and (max-width: 767px) {
	.form-group .link-group {
		text-align: right;
	}
}

.form-group .link-group .link {
	color: #295eab;
    text-decoration: underline;
}

.control-label {
	display: block;
	font-size: 13px;
	padding-top: 8px;
	margin-bottom: 5px;
}

textarea.form-control {
	height: auto;
}

.form-control {
	display: block;
	width: 100%;
	height: 42px;
	padding: 6px 12px;
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-inline li {
	display: inline-block;
	padding-right: 15px;
}

.form-inline li .code {
	top: 13px;
}

.form-dotted-left {
	padding-left: 25px;
	border-left: 1px dotted #d2d2d2;
}

.panel-group .action-group {
	border-top: 1px solid #d2d2d2;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
}

.radio-group {
	padding-top: 8px;
}

.radio-group label {
	margin-right: 20px;
}

.member-benefits {
	font-size: 15px;
	line-height: 1.8;
	height: 380 px;
	overflow: auto;
}

.td-group {
	display: flex;
}

.td-group .td-two,
.td-group .td-three {
	margin: -2px;
	padding: 0 20px;
	border-left: 1px dashed #d2d2d2;

}

.td-group .td-two:first-child,
.td-group .td-three:first-child {
	padding-left: 0;
	border-left: 0;
}

.td-group .td-two {
	width: 50%;
}

.td-group .td-three {
	width: 33.33%;
}

.td-info {
	display: block;
	padding: 0;
	margin-bottom: 20px;
}

.td-info::before {
	content: attr(data-title);
	display: inline-block;
	width: 25%;
	font-size: 15px;
	font-weight: 900;
	margin-bottom: 5px;
}

.td-info::after {
	content: '';
	display: block;
	clear: both;
}

.td-info .td-info-detail {
	display: inline-table;
	width: 100%;
	word-break: break-word;
}

.td-info .td-info-detail .country {
	display: inline-block;
	width: calc(20% - 5px);
	margin-right: 5px;
}

.td-info .td-info-detail .phone {
	display: inline-block;
	width: 80%;
}

.check-ok {
	color: #6ab933;
}

.check-ok::before {
	content: '';
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url('../img/check_ok.png');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	margin: 4px 5px 0 10px;
}

.MemberBtn li {
	text-align: right;
}

.MemberLeval,
.Coupon-group {
	display: inline-block;
}

.MemberLeval li,
.Coupon-group li {
	display: table-cell;
	margin: 0px;
	padding: 0 20px;
	border-left: 1px dashed #d2d2d2;
}

.MemberLeval li:first-child {
	padding-left: 0;
	border-left: 0;
	width: 66%;
}

.MemberLeval li:last-child {
	text-align: right;
}

.Coupon-group li:first-child {
	padding-left: 0;
	border-left: 0;
	width: 33%;
}

.flip-point,
.flip-coupon {
	margin-top: 30px;
}

.flip-point::after,
.flip-coupon::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px dashed #d2d2d2;
}

.flip-point span,
.flip-coupon span {
	display: block;
	float: left;
	width: 120px;
	background-color: #ffffff;
	font-size: 13px;
	text-align: center;
	padding: 0px;
	top: -10px;
	left: calc(50% - 60px);
	cursor: pointer;
}

.flip-point span::after,
.flip-coupon span::after {
	content: '\f103';
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 13px;
	color: #797979;
	padding-left: 5px;
}

.flip-point span.close::after,
.flip-coupon span.close::after {
	content: '\f102';
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 13px;
	color: #797979;
	padding-left: 5px;
}

.flip-point-more,
.flip-coupon-more {
	margin: 0px;
	padding: 0px;
	display: none;
}

/*訂單表單*/
.order-group {
	display: table;
	width: 100%;
	max-width: 1440px;
	margin: 0;
	border-collapse: collapse;
}

.order-thead {
	display: table-header-group;
}

.order-tr {
	display: table-row;
}

.order-tbody {
	display: table-row-group;
	border: 1px solid #d2d2d2;
}

.order-thead li,
.order-tr li {
	font-size: 15px;
	display: table-cell;
	padding: 10px 15px;
	border: 1px dashed #d2d2d2;
	vertical-align: middle
}

.order-tr-second {
	margin: -11px -16px;
}

.order-tr-second li {
	display: block;
	padding: 12px 15px;
}

.order-thead li {
	color: #fff;
	border: 1px solid #3e3a39;
	background-color: #3e3a39;
}

.order-tr:nth-child(even) {
	background-color: #fefcfc;
}

.flip-point-more .page-group {
	border: 1px solid #d2d2d2;
}

a.fa-file-text,
a.fa-phone-square {
	display: block;
	line-height: 2;
}

a.fa-file-text::before {
	content: "\f15c";
	font-family: "FontAwesome";
	font-size: 13px;
	color: #797979;
	display: inline-block;
	padding-right: 5px;
}

a.fa-phone-square::before {
	content: "\f098";
	font-family: "FontAwesome";
	font-size: 13px;
	color: #797979;
	display: inline-block;
	padding-right: 5px;
}

/*訂單詳細*/
.order-detail-group {
	display: table;
	width: 100%;
	max-width: 1440px;
	margin: 0;
	border-collapse: collapse;
}

.order-detail-group .order-thead .order-tr li:first-child {
	width: 40%;
}

.order-detail-group .order-tbody .order-tr li {
	border: 0px;
}

.order-detail-td {}

.order-detail-img {
	float: left;
	width: 120px;
	margin-right: 15px;
	padding: 0;
}

.order-detail-info {
	display: table-cell;
	max-width: 500px;
}

.order-detail-info p {
	font-size: 18px;
	margin-bottom: 5px;
}

.td-info .td-info-detail .price {
	text-align: right;
}

.td-info .link {
	color: #295eab;
    text-decoration: underline;
}

.line-dashed {
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px dashed #d2d2d2;
	margin-bottom: 20px;
}


/*優惠券*/
.coupon-group {
	display: flex;
	border: 1px solid #d2d2d2;
	padding: 20px 10px;
	margin-bottom: 20px;
}

.coupon-group .coupon-price p {
	width: 100px;
	height: 50px;
	border: 1px solid #d12928;
	border-right: 20px solid;
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px;
	color: #d12928;
	line-height: 45px;
	text-align: center;
	font-size: 22px;
}

.coupon-group .coupon-price,
.coupon-group .coupon-info,
.coupon-group .coupon-barcode {
	display: inline-block;
	padding: 0 10px;
}

.coupon-group .coupon-price {
	width: 25%
}

.coupon-group .coupon-info {
	width: 45%
}

.coupon-group .coupon-barcode {
	width: 30%;
}

/*優惠券樣式*/
.CouponStyle-group {
	margin-bottom: 20px;
}

.tablink {
	padding: 10px 20px;
	background-color: #fff;
}

.tablink:hover,
.outline-red {
	color: #d12928;
	border: 1px solid #d12928;
}

/*選單-快捷購物車*/
.QuickCart-group {
	width: 360px !important;
	max-height: 500px;
	overflow: auto;
	left: -250px !important;
	padding: 10px !important;
}

.QuickCart-group .action-group .btn {
	width: 100%;
	margin-bottom: 15px;
}

.QuickCart-group .panel-group {
	margin-bottom: 10px;
}

.QuickCart-group .panel-group .panel-body {
	padding: 10px;
}

.QuickCart-group .panel-group .panel-body .Products-img {
	float: left;
	width: 100px;
	padding-bottom: 100px;
}

.QuickCart-group .panel-group .panel-body .Products-img .img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.QuickCart-group .panel-group .panel-body::after {
	content: '';
	display: block;
	clear: both;
}

.QuickCart-group .panel-group .panel-body .info-group {
	display: inline-block;
	width: 200px;
	padding-left: 10px;
}

.QuickCart-group .panel-group .panel-body .info-group .title {
	margin-bottom: 5px;
}

.QuickCart-group .panel-group .panel-body .info-group .spec-group .spec-count {
	margin-bottom: 0;
}

.QuickCart-group .panel-group .panel-body .info-group .spec-group .spec-price::before {
	content: "	金額";
	display: inline-block;
	font-size: 13px;
	padding-right: 15px;
}

.QuickCart-group .panel-group .panel-body .info-group .spec-group .spec-price::after {
	display: none;
	padding: 0;
	margin: 0;
	border: 0;
}

.QuickCart-group .panel-group .panel-body .btn-close {
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 10px;
	right: 10px;
	border: 0;
	border-radius: 50%;
	background-color: #efefef;
	margin: auto;
}

.QuickCart-group .panel-group .panel-body .btn-close::before {
	content: '';
	display: block;
	width: 8px;
	height: 2px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #3d3a39;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.QuickCart-group .panel-group .panel-body .btn-close::after {
	content: '';
	display: block;
	width: 8px;
	height: 2px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #3d3a39;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

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

	.td-info .td-info-detail .country,
	.td-info .td-info-detail .phone {
		display: block;
		width: 100%;
		margin: 0;
	}

	.td-info::before {
		width: 30%;
	}

	.td-info .td-info-detail {
		width: 65%;
	}
}

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

	.td-group,
	.td-group .td-two,
	.td-group .td-three {
		display: block;
		width: 100%;
	}

	.td-group .td-two,
	.td-group .td-three {
		margin: 0;
		padding: 0px;
		border-left: 0px;
	}

	.MemberLeval,
	.Coupon-group {
		display: block;
	}

	.MemberLeval li,
	.Coupon-group li {
		display: block;
		padding: 0px;
		border-left: 0px;
	}

	.MemberLeval li:first-child,
	.Coupon-group li:first-child {
		width: 100%;
		margin-bottom: 20px;
	}

	.MemberLeval li:last-child {
		text-align: center;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	.panel-heading {
		padding-bottom: 10px;
	}

	.panel-body {
		padding: 20px 15px;
	}

	.td-info {
		margin-bottom: 15px;
	}

	.row-line {
		margin: 20px 0;
	}

	/*訂單表單*/
	.order-thead {
		display: none;
	}

	.order-tbody {
		border: 0;
	}

	.order-tr {
		display: block;
		border: 1px solid #d2d2d2;
		border-top: 6px solid #d12928;
		margin-bottom: 10px;
	}

	.order-tr li {
		display: inline-block;
		width: 100%;
		border: none;
	}

	.order-tr li:before {
		content: attr(data-title);
		display: block;
		width: auto;
		padding: 5px;
		margin: -12px -15px 10px -15px;
		font-size: 13px;
		background-color: #eee;
	}

	.order-tr-second {
		margin: 0px -15px -10px -15px;
	}

	.order-tr-second li {
		padding: 0 15px 10px 15px;
	}

	.order-tr-second li::before {
		display: none;
	}

	.td-info .td-info-detail .price {
		text-align: left;
	}

	/*優惠券*/
	.coupon-group {
		display: block;
	}

	.coupon-group .coupon-price,
	.coupon-group .coupon-info,
	.coupon-group .coupon-barcode {
		display: block;
		width: 100%;
	}

	.coupon-group .coupon-price,
	.coupon-group .coupon-info {
		margin-bottom: 10px;
	}

	.coupon-group .coupon-price p {
		width: 100%;
	}

}

/* 商品排序&詳細頁 */

.Products-Tag {
	margin-bottom: 15px;
}

.Products-Tag .option {
	display: block;
	font-size: 13px;
	color: #d5291d;
	text-align: center;
	border: 1px solid #d5291d;
	padding: 8px 12px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.Products-Tag .option.active {
	color: #fff;
	border: 1px solid #d5291d;
	background-color: #d5291d;
}

.Products-Tag .option p {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Products-item {
	display: block;
	border: 1px solid #d2d2d2;
	padding: 10px;
	margin-bottom: 20px;
}

.Products-item .Products-item-tag {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

.Products-item .action-group [class*="icon-"],
.Products-item .action-group [class^="icon-"] {
  display: none;
}

.Products-item .action-group .icon-search {
  top: 4px;
}


@media screen and (max-width: 1279px) {
	.Products-item .action-group [class*="icon-"],
	.Products-item .action-group [class^="icon-"] {
  		display: block;
	}

	
	.Products-item .action-group span {
		display: none;
	}
}


.Products-item .Products-item-tag li {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 3px 3px 0;
	z-index: 1;
}

.Products-item.img-hover figure {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
	background-color: #000;
}

.Products-item.img-hover figure .Products-img {
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
}

.Products-item.img-hover figure .Products-img .img {
	opacity: 1;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	transform: scale(1, 1);
	transition: .3s all ease;
	vertical-align: middle;
	backface-visibility: hidden;
}

.Products-item.img-hover:hover figure .Products-img .img {
	opacity: .3;
	transform: scale(1.2, 1.2);
}

.Products-item.img-hover:hover figure .Products-item-tag {
	opacity: 0;
}

.Products-item.img-hover:hover figure .Products-img::after {
	content: '';
	display: block;
	position: absolute;
	top: 15px;
	left: 15px;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	border: 1px solid rgba(255, 255, 255, 0.6);
}

.Products-item.img-hover figure .action-group {
	display: block;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	transition: .3s ease;
	transform: translate(-50%, -80%);
	-ms-transform: translate(-50%, -80%);
	z-index: -1;
}

@media screen and (max-width: 767px) {
	.Products-item.img-hover figure .action-group .btn:first-child {
		margin-bottom: 10px;
	}
}

.Products-item.img-hover:hover figure .action-group {
	opacity: 1;
	transition: .3s ease;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 0;
}

.Products-item.img-hover .info-group {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px dashed #d2d2d2;
	text-align: center;
}

.Products-item.img-hover .info-group .title {
	font-size: 17px;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.Products-item.img-hover .info-group .price .old {
	font-size: 13px;
	color: #999;
	text-decoration: line-through;
}

.Products-item.img-hover .info-group .price .old::after {
	content: '/';
	display: inline-block;
	margin: 0px 5px;
}

.Products-item.img-hover .info-group .price .new {
	font-size: 15px;
	font-weight: bolder;
	color: #d12928;
}

.spec-group .title {
	font-size: 22px;
	margin-bottom: 10px;
}

.spec-group .description {
	font-size: 15px;
	margin-bottom: 20px;
}

.spec-group .label-group::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 20px;
}

.spec-group .spec-inner::before {
	display: inline-block;
	font-size: 13px;
	padding-right: 15px;
}

.spec-group .spec-inner .select {
	font-size: 15px;
	color: #696969;
	width: 200px;
	border: 1px solid #d2d2d2;
	background-color: #fff;
	border-radius: 5px;
	padding: 8px 12px;
	margin-bottom: 10px;
}

.spec-group .spec-count {
	display: block;
	margin-bottom: 10px;
}

.spec-group .spec-count::before {
	display: inline-block;
	font-size: 13px;
	padding-right: 15px;
}

.spec-group .spec-count .count-group {
	display: inline-block;
	width: 200px;
}

.spec-group .spec-count .count-group .btn {
	display: block;
	width: 34px;
	height: 40px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 5;
}

.spec-group .spec-count .count-group .btn:hover {
	background-color: #efefef;
}

.spec-group .spec-count .count-group .btn::before,
.spec-group .spec-count .count-group .btn::after {
	content: '';
	display: block;
	width: 15px;
	height: 2px;
	background-color: #d2d2d2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.spec-group .spec-count .count-group .btn.btn-plus {
	min-width: initial;
	right: 1px;
	border-left: 1px solid #d2d2d2;
	border-radius: 0;
}

.spec-group .spec-count .count-group .btn.btn-plus::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.spec-group .spec-count .count-group .btn.btn-minus {
	min-width: initial;
	left: 1px;
	border-right: 1px solid #d2d2d2;
	border-radius: 0;
}

.spec-group .spec-count .count-group .input-text {
	font-size: 16px;
	text-align: center;
	width: 100%;
	padding: 8px 40px;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
}

.spec-group .spec-price::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 20px;
}

.spec-group .spec-price .old::before {
	display: inline-block;
	font-size: 13px;
	padding-right: 15px;
}

.spec-group .spec-price .old::after {
	content: '/';
	display: inline-block;
	margin: 0px 5px;
}

.spec-group .spec-price .old {
	font-size: 13px;
	color: #999;
	text-decoration: line-through;
}

.spec-group .spec-price .new {
	font-size: 15px;
	font-weight: bolder;
	color: #d12928;
}

.icon-AddCart::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 17px;
	background-image: url('../img/icon_AddCart.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 15px 15px;
}

.icon-Check::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 17px;
	background-image: url('../img/icon_Check.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 15px 15px;
}

.subtitle-info,
.subtitle-makeup,
.subtitle-feature {
	text-align: left;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.subtitle-info::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-image: url('../img/icon_products_info.png');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 5px;
}

.subtitle-makeup::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-image: url('../img/icon_products_makeup.png');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 5px;
}

.subtitle-feature::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-image: url('../img/icon_products_feature.png');
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 2px 3px;
}

.content-group {
	padding: 0px;
	margin-bottom: 30px;
}


/*加購owl*/
.flex-direction-nav a.flex-prev::before {
	font-family: "FontAwesome";
	color: #fff;
	content: '\f104';
	text-shadow: 0;
}

.flex-direction-nav a.flex-next::before {
	font-family: "FontAwesome";
	color: #fff;
	content: '\f105';
	text-shadow: 0;
}

.owl-nav>[class*=owl-].owl-prev {
	font-size: 0;
	border-radius: 5px;
	float: left;
	left: -30px;
	bottom: 240px;
}

.owl-nav>[class*=owl-].owl-prev::before {
	font-family: "FontAwesome";
	font-size: 15px;
	content: '\f104';
}

.owl-nav>[class^=owl-].owl-next {
	font-size: 0;
	border-radius: 5px;
	float: right;
	right: -30px;
	bottom: 240px;
}

.owl-nav>[class^=owl-].owl-next::before {
	font-family: "FontAwesome";
	font-size: 15px;
	content: '\f105';
}

@media screen and (max-width: 767px) {
	.bg-header {
		padding-bottom: 20%;
	}

	.filter {
		position: relative;
		margin-bottom: 15px;
	}

	.filter .select {
		width: 100%;
	}

	.info-group .title {
		font-size: 20px;
	}

}

/*FAQ*/
.faq_accordion {
	background-color: #fff;
	color: #444;
	cursor: pointer;
	padding: 20px 10px;
	width: 100%;
	border: 0;
	border-bottom: 1px dashed #d2d2d2;
	text-align: left;
	outline: none;
	font-size: 17px;
	transition: 0.4s;
}

.faq_accordion.active {
	background-color: #fff;
}

.faq_accordion:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.faq_accordion.active:after {
	content: "\2212";
}

.faq_panel {
	padding: 0;
	background-color: #fef7f2;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.faq_panel p {
	padding: 20px;
	color: #808080
}

/* 分頁碼 */
.page-normal {
	color: #3e3a39;
	text-align: center;
	margin: 20px;
}

.page-normal >li {
	display: inline-block;
}

.page-normal a {
	font-size: 13px;
	color: #797979;
	margin-left: 5px;
	text-decoration: none;
}

.page-normal a:hover {
	color: #fff;
	background-color: #d12928;
	border: 1px solid #d12928;
}

.page-normal .page-current a {
	color: #ffffff;
	background-color: #d12928;
}

.page-normal .page-prev a::after {
	content: '\f104';
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 13px;
	color: #797979;
}

.page-normal .page-next a::after {
	content: '\f105';
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 13px;
	color: #797979;
}

.page-normal .page-first a::after {
	content: '\f100';
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 13px;
	color: #797979;
}

.page-normal .page-last a::after {
	content: '\f101';
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 13px;
	color: #797979;
}

.page-normal .page-prev a:hover::after,
.page-normal .page-next a:hover::after,
.page-normal .page-first a:hover::after,
.page-normal .page-last a:hover::after {
	color: #fff;
}

.page-normal a,
.page-normal a:hover,
.page-normal .page-prev a,
.page-normal .page-first a,
.page-normal .page-last a,
.page-normal .page-current a {
	border: 1px solid #d2d2d2;
	border-radius: 0px;
	padding: 2px 8px;
}

/* 字數限制 */
.ellipsis {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 最新消息 */
.news-list {
	padding: 15px 10px 15px 140px;
	border-bottom: 1px dotted #d2d2d2;
	margin-bottom: 15px;
	text-align: left;
}

.news-list.center {
	padding: 15px 10px;
}

.news-list .label {
	position: absolute;
	top: 15px;
	left: 0;
	display: block;
	font-size: 14px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	width: 120px;
	border-radius: 5px;
	margin: 5px 15px 10px 0;
	padding: 8px 5px;
}

.news-list .date {
	font-size: 13px;
	color: #aaa;
}

.news-list .title {
	font-size: 17px;
	line-height: 1.8;
}

.news-footer {
	font-size: 15px;
	color: #3e3a39;
}

.news-footer .news-next {
	margin-bottom: 20px;
}

.news-footer .news-prev a,
.news-footer .news-next a {
	max-width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	top: 5px;
}

.news-footer .news-prev::before {
	content: '上一則：';
	display: inline-block;
}

.news-footer .news-next::before {
	content: '下一則：';
	display: inline-block;
}

@media screen and (max-width: 1023px) {
	.news-list {
		padding: 15px 10px;
	}
	
	.news-list .title {
		font-size: 20px;
		line-height: 2;
	}

	.news-list .label {
		position: relative;
		top: auto;
		left: auto;
		margin: 0 0 5px 0;
	}

	.news-list .date {
		font-size: 15px;
		top: 5px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.news-list .date::after {
		display: none;
	}
}

/*購物說明*/
.item-store {
	border-radius: 0px;
	border: 1px solid #d2d2d2;
	border-left: 6px solid #aaa;
	margin-bottom: 15px;
	padding: 15px;
}

a.item-store {
	width: 100%;
}

.item-store .name {
	font-size: 18px;

}

.item-store .info-group {
	font-size: 15px;
	border-top: 1px dotted #d2d2d2;
	margin-top: 10px;
	padding-top: 10px;
}

.number {
	color: #295eab;
}

/*研發小故事&營業據點*/
.item-story {
	border-radius: 0px;
	border: 1px solid #d2d2d2;
	margin-bottom: 15px;
	padding: 10px;
}

.item-story .img-container {
	width: 100%;
	padding-bottom: 100%;
	margin-bottom: 5px;
}

.item-story .img-container .img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.item-story .title {
	font-size: 17px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.item-story .info {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.item-story .more {
	font-size: 13px;
	text-align: right;
	border-top: 1px dashed #d2d2d2;
	margin-top: 10px;
	padding-top: 10px;
}

.item-story .more::after {
	content: '\f105';
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 13px;
	color: #808080;
}

.item-detail-header,
.store-detail-header {
	padding: 15px 0;
	border-bottom: 1px dotted #d2d2d2;
	margin-bottom: 15px;
	text-align: left;
}

.item-detail-header::before {
	content: '';
	display: block;
	float: left;
	width: 6px;
	height: 55px;
	border-radius: 5px;
	background-color: #aaa;
	margin-right: 10px;
}

.item-detail-header .title,
.store-detail-header .title {
	font-size: 20px;
}

.store-detail-header::before {
	content: '';
	display: block;
	float: left;
	width: 6px;
	height: 30px;
	border-radius: 5px;
	background-color: #aaa;
	margin-right: 10px;
}

.store-detail {
	line-height: 2;
	margin-bottom: 20px;
}

.store-detail li {
	padding-left: 13px;
}

.store-detail li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '-';
	color: #aaa;
	padding-right: 5px;
}

/* nav */
body #wrapper header>.container .action-group.pc>li {
	padding: 30px 15px;
	margin-right: 0;
}

body #wrapper header>.container .action-group.pc>li::after {
	height: 15px;
	background-color: #d2d2d2;
}

body #wrapper header>.container .action-group.pc>li.search-group.active::after {
	width: 0px !important;
}

body #wrapper header>.container .action-group.pc>li.search-group .form-group .input-text {
	border: 1px solid #aaa;
}

body #wrapper header>.container .menu-container>.container>li>.option {
	width: 145px;
	padding: 30px 35px;
}

body #wrapper header>.container .menu-container::after {
	background-color: rgba(0, 0, 0, 0.7);
}

body #wrapper header>.container .menu-container>.container>li .submenu-group,
body #wrapper header>.container .action-group.pc>li .submenu-group {
	border-top: 3px solid #841c22;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 0 5px 0 rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 1439px) {
	body #wrapper header>.container .menu-container>.container>li {
		margin-right: 0;
	}

	body #wrapper header>.container .menu-container>.container>li>.option {
		width: 100%;
		padding: 30px 15px;
	}
}

@media screen and (max-width: 1279px) {
	body #wrapper header>.container .action-group.pc>li {
		padding: 26px 15px;
	}

	body #wrapper header>.container .action-group.pc>li.search-group.active {
		top: 0px;
	}

	body #wrapper header>.container .menu-container>.container>li>.option {
		padding: 0;
		padding-bottom: 15px;
	}

	body #wrapper header>.container .menu-container>.container>li .submenu-group {
		border-top: 0px;
		box-shadow: 0px 0 0px 0 rgba(0, 0, 0, 0.5);
	}

	body #wrapper header>.container .menu-container>.container>li>.option.arrow::before,
	body #wrapper header>.container .menu-container>.container>li>.option.arrow::after,
	body #wrapper header>.container .menu-container>.container>li {
		display: block !important;
	}

	body #wrapper header>.container .action-group.pc>li.hidden-xs.hidden-sm.hidden-md {
		display: none;
	}
}

/* footer */
body #wrapper footer .top-container>.container .sitemap-group>li::after {
	height: 15px;
	top: 6px;
	background-color: rgba(255, 255, 255, 0.6);
}

body #wrapper footer .top-container>.container .info-group>li {
	margin-bottom: 0px;
}

body #wrapper footer .top-container>.container .info-group>li .option,
.copyright {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.6);
}

/* index */
body .model-block-container .img-container .info-container {
	background-color: rgba(0, 0, 0, 0.7);
}

body .model-block-container .img-container .info-container::before {
	border-color: rgba(255, 255, 255, 0.6);
}

body .model-block-container .img-container .info-container .info-group {
	width: 70%;
}

/* 購物車三步驟 */
.th-spec,
.th-price,
.th-amount,
.th-total {
	width: 10%;
}

body #wrapper main .sect-cart>.container {
	padding: 0px;
	margin: 0 auto 20px;
}

body .model-card-group.more {
	border-radius: 0px;
	margin-bottom: 15px;
}

body #wrapper main .sect-cart>.container .text-group .detail-group {
	border: 1px solid #d2d2d2;
	padding: 30px;
	margin-bottom: 20px;
}

body #wrapper main .sect-cart>.container .step-group {
	margin-bottom: 20px;
}

body #wrapper main .sect-cart>.container .step-group .option::after {
	width: 20px;
	height: 20px;
}

body #wrapper main .sect-cart>.container .step-group .option .title {
	font-size: 15px;
	float: left;
	top: 1px;
	margin-right: 10px;
	margin-bottom: 0;
	padding-right: 10px;
}

body #wrapper main .sect-cart>.container .step-group .option .title::after {
	content: '';
	display: block;
	width: 1px;
	height: 15px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background-color: rgba(255, 255, 255, 0.6);
}

body #wrapper main .sect-cart>.container .model-table-group .tbody .tr .td .count-group .input-text,
body .model-card-group.more .action-group .count-group .input-text {
	padding: 8px 40px;
	border-radius: 5px;
}

body #wrapper main .sect-cart>.container .model-table-group .tbody .tr .td .count-group .btn.btn-plus,
body #wrapper main .sect-cart>.container .model-table-group .tbody .tr .td .count-group .btn.btn-minus {
	border-radius: 0;
}

body #wrapper main .sect-cart>.container .model-table-group .tbody .tr .td .total {
	padding: 8px 0;
}

body .model-card-group.more .action-group .count-group .btn {
	height: 40px;
	border-radius: 0;
}


body .model-option-group>li .option {
	border-radius: 5px;
}

body .model-card-group.more .info-group {
	border-top: 1px solid #d2d2d2;
}

body .model-form-group .row .inner.btn {
	width: 100%;
	height: auto;
	padding: 0 85px 0 0;
}

/* body .model-form-group.no-title .row {
    padding-left: 10px;
    padding-right: 10px;
} */

@media screen and (max-width: 1199px) {
	body .model-card-group.more .action-group .count-group {
		margin-bottom: 10px;
	}
}

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

	.th-spec,
	.th-price,
	.th-amount,
	.th-total {
		width: auto;
	}

	body .model-table-group .tbody .tr .td::before {
		font-size: 15px;
	}

	body #wrapper main .sect-cart>.container .model-table-group .tbody .tr .td .product-group .title {
		white-space: unset;
	}
}

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

	body #wrapper main .sect-cart>.container>.title-group,
	body #wrapper main .sect-cart>.container .step-group {
		margin-bottom: 15px;
	}

	body #wrapper main .sect-cart>.container .text-group .detail-group {
		border: 1px solid #d2d2d2;
		padding: 20px 15px;
		margin-bottom: 20px;
	}

	body #wrapper main .sect-cart>.container .step-group .option .title {
		float: none;
		top: 0px;
		margin-right: 0px;
		padding-right: 0px;
	}

	body #wrapper main .sect-cart>.container .step-group .option .title::after {
		display: none;
	}
}

/*Pop樣式*/
body .pop-windows .form-group::after {
	background-color: #d2d2d2;
}

body .pop-windows .title-group {
	border-bottom: 1px solid #d2d2d2;
}

body .model-form-group .row .inner .input-text,
body .model-form-group .row .inner select {
	font-size: 15px !important;
	border: 1px solid #d2d2d2;
	background-color: #fff;
}

body .model-form-group .row .inner .radio-group::before {
	top: 14px;
}

body .model-form-group .row .inner .checkbox-group::before {
	top: 5px;
}

body .model-form-group .row .inner .checkbox-group:last-child {
	font-size: 13px;
}

.pop-windows .panel-group .panel-body .form-group::after {
	display: none;

}

.pop-windows .panel-group .panel-body {
	border: 0;
	background-color: #fef7f2;
	padding: 15px;
	margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
	body .model-form-group .row .link {
		font-size: 15px;
	}
}

@media screen and (max-width: 767px) {
	body .pop-windows {
		height: auto;
		max-height: 80vh;
	}
}


/* bootstrap TEXT */
.text-gray {
	color: #777;
}

a.text-gray:hover,
a.text-gray:focus {
	color: #3e3a39;
}

.text-blue {
	color: #337ab7;
}

a.text-blue:hover,
a.text-blue:focus {
	color: #286090;
}

.text-green {
	color: #3c763d;
}

a.text-green:hover,
a.text-green:focus {
	color: #2b542c;
}

.text-orange {
	color: #8a6d3b;
}

a.text-orange:hover,
a.text-orange:focus {
	color: #66512c;
}

.text-red {
	color: #a94442;
}

a.text-red:hover,
a.text-red:focus {
	color: #843534;
}

/* bootstrap BTN */
.btn {
	display: inline-block;
	min-width: 120px;
	height: 42px;
	padding: 8px 12px;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 5px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
}

.btn:hover,
.btn:focus,
.btn.focus {
	color: #333;
	text-decoration: none;
}

.btn:active,
.btn.active {
	background-image: none;
	outline: 0;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-gray {
	color: #fff;
	background-color: #a2a2a2;
	border-color: #a2a2a2;
}

.btn-gray:focus,
.btn-gray.focus {
	color: #fff;
	background-color: #8c8c8c;
	border-color: #8c8c8c;
}

.btn-gray:hover {
	color: #fff;
	background-color: #8c8c8c;
	border-color: #8c8c8c;
}

.btn-gray:active,
.btn-gray.active {
	color: #fff;
	background-color: #8c8c8c;
	border-color: #8c8c8c;
}

.btn-gray:active:hover,
.btn-gray.active:hover,
.btn-gray:active:focus,
.btn-gray.active:focus,
.btn-gray:active.focus,
.btn-gray.active.focus {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c;
}

.btn-blue {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.btn-blue:focus,
.btn-blue.focus {
	color: #fff;
	background-color: #286090;
	border-color: #122b40;
}

.btn-blue:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}

.btn-blue:active,
.btn-blue.active {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}

.btn-blue:active:hover,
.btn-blue.active:hover,
.btn-blue:active:focus,
.btn-blue.active:focus,
.btn-blue:active.focus,
.btn-blue.active.focus {
	color: #fff;
	background-color: #204d74;
	border-color: #122b40;
}

.btn-green {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btn-green:focus,
.btn-green.focus {
	color: #fff;
	background-color: #449d44;
	border-color: #255625;
}

.btn-green:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}

.btn-green:active,
.btn-green.active {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}

.btn-green:active:hover,
.btn-green.active:hover,
.btn-green:active:focus,
.btn-green.active:focus,
.btn-green:active.focus,
.btn-green.active.focus {
	color: #fff;
	background-color: #398439;
	border-color: #255625;
}

.btn-orange {
	color: #fff;
	background-color: #ec971f;
	border-color: #ec971f;
}

.btn-orange:focus,
.btn-orange.focus {
	color: #fff;
	background-color: #d58512;
	border-color: #d58512;
}

.btn-orange:hover {
	color: #fff;
	background-color: #d58512;
	border-color: #d58512;
}

.btn-orange:active,
.btn-orange.active {
	color: #fff;
	background-color: #d58512;
	border-color: #d58512;
}

.btn-orange:active:hover,
.btn-orange.active:hover,
.btn-orange:active:focus,
.btn-orange.active:focus,
.btn-orange:active.focus,
.btn-orange.active.focus {
	color: #fff;
	background-color: #d58512;
	border-color: #d58512;
}

.btn-red {
	color: #fff;
	background-color: #d5291d;
	border-color: #d5291d;
}

.btn-red:focus,
.btn-red.focus {
	color: #fff;
	background-color: #c9302c;
	border-color: #761c19;
}

.btn-red:hover {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}

.btn-red:active,
.btn-red.active {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}

.btn-red:active:hover,
.btn-red.active:hover,
.btn-red:active:focus,
.btn-red.active:focus,
.btn-red:active.focus,
.btn-red.active.focus {
	color: #fff;
	background-color: #ac2925;
	border-color: #761c19;
}

.btn-link {
	color: #3e3a39;
	background-color: transparent;
	border: 1px solid #d2d2d2;
}

.btn-link:focus,
.btn-link.focus {
	color: #fff;
	background-color: #9c9c9c;
	border-color: #afafaf;
}

.btn-link:hover {
	color: #fff;
	background-color: #9c9c9c;
	border-color: #afafaf;
}

.btn-link:active,
.btn-link.active {
	color: #fff;
	background-color: #9c9c9c;
	border-color: #afafaf;
}

.btn-link:active:hover,
.btn-link.active:hover,
.btn-link:active:focus,
.btn-link.active:focus,
.btn-link:active.focus,
.btn-link.active.focus {
	color: #fff;
	background-color: #9c9c9c;
	border-color: #afafaf;
}

.btn-block {
	display: block;
	width: 100%;
}

.btn-block+.btn-block {
	margin-top: 5px;
}

/*-- bootstrap label --*/
.label {
	display: inline-block;
	padding: 6px 12px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	margin-bottom: 5px;
}

.label-gray {
	background-color: #777;
}

.label-gray[href]:hover,
.label-gray[href]:focus {
	background-color: #5e5e5e;
}

.label-blue {
	background-color: #337ab7;
}

.label-blue[href]:hover,
.label-blue[href]:focus {
	background-color: #286090;
}

.label-green {
	background-color: #5cb85c;
}

.label-green[href]:hover,
.label-green[href]:focus {
	background-color: #449d44;
}

.label-skyblue {
	background-color: #5bc0de;
}

.label-skyblue[href]:hover,
.label-skyblue[href]:focus {
	background-color: #31b0d5;
}

.label-orange {
	background-color: #f0ad4e;
}

.label-orange[href]:hover,
.label-orange[href]:focus {
	background-color: #ec971f;
}

.label-red {
	background-color: #d9534f;
}

.label-red[href]:hover,
.label-red[href]:focus {
	background-color: #c9302c;
}

.label-outline-red {
	font-size: 13px;
	color: #d5291d;
	border: 1px solid #d5291d;

}

.selection {
	width: 100%;
	margin-bottom: 5px;
}

.miniBtn {
	font-size: 14px;
	background-color: #d5291d;
	color: #fff; 
	padding: 3px 7px;
	border: 0;
	border-radius: 5px;
	margin: 0 0 0 5px;
}

.store-container {
	display: flex;
	background-color: #fef7f2;
	padding: 15px;
}

@media screen and (max-width: 767px) {
	.store-container {
		display: block;
	}
}

.store-container .img-group {
	width: 35%;
	height: 370px;
	margin-right: 30px;
}

@media screen and (max-width: 767px) {
	.store-container .img-group {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 20px;
	}
}

.store-container .img-group .img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

@media screen and (max-width: 767px) {
	.store-container .img-group .img {
		width: 100%;
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		max-width: initial;
		max-height: initial;
	}
}

.store-container .store-detail {
	width: 65%;
}

@media screen and (max-width: 767px) {
	.store-container .store-detail {
		width: 100%;
	}
}