@charset "utf-8";
/*******************************************************************************
 * version 1.0 release;
 * copyright 2017
 ******************************************************************************/
/*========================================共用樣式*/
/*=======================©22
=================content*/
.content {}
/*-------------------- box-product --------------------*/
/* 產品框 */
.box-product {}
/*-------------------- productinfo --------------------*/
/* 產品資訊區 */
.productinfo {
	margin: 0 0 20px;
	position: relative;
}
/*圖片輪播區*/
.productinfo__slider {
	margin: 0 0 20px;
	/* width: 100%; */
}
/*主圖框*/
.productinfo__imgbox {
	margin: 0 0 15px;
	position: relative;
}
/* 角標 */
.productinfo__tag {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1em;
	padding: 3px 5px;
	color:  #878787;
	border: 1px solid #d0d0d0;
	background-color: #fff;
	z-index: 10;
	display: none;
}
/* 角標-開啟 */
.productinfo__tag--show{
	display: block;
}


.productinfo__thumblist{
	margin-bottom: 20px;
}

/*資訊框*/
.productinfo__info {
	margin: 0 0 1.625em;/*26/16 0*/
}

/* 概要 */
.productinfo__summary {
	margin-bottom: 20px;
}

/* 分類標籤 */
.productinfo__tagbox{
	margin-bottom: 10px;
}
/*商品名稱*/
.productinfo__titlebox{
	color: #888;
	font-size: 22px;/*24/16*/
	line-height: 1.3;
	margin: 0 0 15px;
	font-weight: normal;
	padding-bottom: 15px;
	border-bottom: 1px #d0d0d0 solid;
}
.productinfo__model{
	display: inline-block;
	margin-right: 10px;
}
.productinfo__title {
	display: inline-block;
	font-weight: normal;
}
.productinfo__preorder{
	padding: 2px 5px;
	font-size: 14px;
	color: #b81b25;
	border: #b81b25 1px solid;
	display: table;
	margin-bottom: 10px;
}
.productinfo__preorder-text{
	margin-bottom: 15px;
	font-size: 14px;
}
.preorder--close{
	display: none;
}

/*產品介紹*/
.productinfo__introduce {
	padding-bottom: 15px;
	border-bottom: 1px #d0d0d0 solid;

}
.productinfo__spec-color{
	padding-left: 0;
	padding-top: 6px;
}
.product__option-item{
	margin-right: 6px;
}



/*購買動作區*/
.productinfo__buybox .form-qty__field{
	margin-bottom: 20px;
}
.form-qty--size-m .form-qty__btn-subtract{
	left: 60px;
}
.icon-subtract2{

}

/*付款方式、分期*/
.payinfo{
	margin-bottom: 15px;
	padding: 5px 0 15px;
	font-size: 14px;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
}
/*付款方式、分期-標題*/
.payinfo__heading{

}
/*付款方式、分期-標題*/
.payinfo__heading{
	font-size: 16px;
	position: relative;
}
/*付款方式、分期-開啟*/
.payinfo__btn-toggle{
	display: block;
	color: #6e6e6e;
	text-decoration: none;
	padding: 10px 0;
}

/* 列表 */
.payinfo__list{
	padding: 0;
	margin: 0;
	list-style: none;
	-webkit-transition: max-height .35s;
	-moz-transition: max-height .35s;
	transition: max-height .35s;
	max-height: 0;
	overflow: hidden;
}
.payinfo__heading--active + .payinfo__list{
	max-height: 2000px;
}
/* 單項 */
.payinfo__item{
	display: flex;
}
/*欄位名稱*/
.payinfo__field{
	display: inline-block;
	background: #f5f5f5;
	color: #787878;
	padding: 3px 6px;
	width: 90px;
	box-sizing:border-box;
}
/*右側文字*/
.payinfo__text{
	position: relative;
	padding: 3px 0 3px 10px;
	width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
}
/*分期那一項li的右側文字*/
.payinfo__item-periods .payinfo__text{
	display: block;
}
/*下拉按鈕*/
.payinfo__toggle{
	display: block;
	font-style: normal;
	padding: 5px 0;
}
.payinfo__toggle:active{
	color: #222;
}
/*下拉外框*/
.payinfo__toggle-arrowcube{
	border: 1px solid #ccc;
	width: 15px;
	height: 15px;
	line-height: 15px;
	display: inline-block;
	background: #fff;
	text-align: center;
	float: right;
	margin-left: 5px;
	display: none;
}
/* 觸發-icon */
.payinfo__toggle-icon {
	font-size: 14px;
	transition: all 0.25s ease-in-out;
	margin-top: -2px;
}
/* 觸發-icon-已觸發 */
.payinfo__toggle--active .payinfo__toggle-icon{
	transform: rotate(180deg);
}
/* 下拉區 */
.payinfo__dropmenu{
	display: none;
}
/* 下拉區-已觸發 */
.payinfo__toggle--active + .payinfo__dropmenu{
	display: block;
}
/*價格區*/
.productinfo__pricebox {
	margin: 0 0 15px;
	text-align: left;
}
/* 原價、活動價 */
.productinfo__price-sell,
.productinfo__price-offer{
	display: inline-block;
}
/* 活動價-價錢 */
.productinfo__price-sell {
	margin-right: 5px;
}
/* 活動價 -價錢*/
.productinfo__price-offer{
	margin-right: 25px;
	margin-left: 0;
}
/* 價格-中文 */
.price-cht {
	display: inline-block;
	vertical-align: baseline;
	margin-right: 10px;
}
/* 活動價-中文 */
.price-offer-cht {
	margin-right: 10px;
	color: #787878;
}
/* 活動價-數值 */
.productinfo__price-offer .price-offer-num{
	font-size: 22px;
}
.productinfo__price-offer .price-offer-num:before{
	font-size: 22px;
}
/* 購買區 */
.productinfo__buybox .form-qty__body{
	font-size: 0;
	letter-spacing: -4px;
	word-spacing: 0;
}
.form-qty__label{display: block;}
.productinfo__buybox .form-qty__field-qty{
	margin: 0 3px 20px 0;
	display: inline-block;
	font-size: 16px;
	width: 100%;
}

/* 顏色項-欄位 */
.productinfo__buybox .form-qty__label{
	display: inline-block;
	color: #787878;
	font-size: 16px;
	width: 60px;
	float: left;
	padding-top: 6px;
	letter-spacing: normal;
	font-weight: normal;
}
/* 顏色項-右側 */
.productinfo__buybox .form-qty__input-group{
	padding-left: 60px;
}
/* 贈品與活動 */
.productinfo__marketing{

}
.productinfo__marketing ul{
	padding-left: 0;
}

.marketing__marketingli{
	margin-bottom: 15px;
	list-style: none;
	overflow: hidden;
}
.marketing-label{
	width: 57px;
	float: left;
}
.marketing-label__span{
	padding: 2px 5px;
	color: #fff;
	font-size: 14px;
	background-color: #b81b25;
}
.marketing-text{
	/*padding-left: 57px;*/
	width: calc(100% - 60px);
	font-size: 14px;
	float: left;
}

.marketing-text--gift{
	text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 1;
}

.marketing-text--preorder{
	text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
}

.marketing-text__toggle{
	color: #b81b25;
	text-decoration: underline;
}
.marketing-text__toggle:active{
	color: #222;
}
.gift-open{
	padding-left: 10px;
}

/*運送資訊*/
.productinfo__delivery {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 0.875em;/*14/16*/
	margin: -1px 0 0;
	padding: 8px 0;
}
/*運送資訊-項目*/
.productinfo__delivery-item {
	margin: 9px 0;
}

/* 動作按鈕 */
.productinfo__btnbox{
	margin: 0 0 25px;
}
.productinfo__btnboxul{
	/* width: 100%; */
	margin: 0;
	padding: 0;
	text-align: center;
}
.productinfo__btnboxul li{
	display: inline-block;
	vertical-align: top;
	list-style: none;
}
/* 按鈕組 */
.productinfo__btnboxul--btn{
	padding: 0;
	font-size: 0;
	letter-spacing: -4px;
	word-spacing: 0;
	margin: 0 -6px 10px;
}
.productinfo__btnitem{
	font-size: 16px;
	letter-spacing: normal;
	word-spacing: normal;
	zoom: 1;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin:0 6px;
	width: 45%;
	width: calc(50% - 12px);
}
.productinfo__btn{
	padding: 12px 10px;
}
/* icon組 */
.productinfo__btnboxul--iconbtn{
	text-align: center;
}
.productinfo__iconitem{
	margin: 0 10px;
	font-size: 14px;
	text-align: center;
}
.productinfo__spec {
	display: none;
	font-size: 14px;
	letter-spacing: .05em;
}
.productinfo__spec--active {
	display: block;
}
.icon-text{
	text-decoration: none;
}
.icon-text i{
	margin-right: 6px;
	vertical-align: middle;
}
.product__fb-icon{
	font-size: 17px;
}
.even-btnbox {
	margin-left: 0;
	margin-right: 0;
}
.even-btnbox__item{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}


/* 按鈕區-fixed */
.productinfo__btnbox--fiexed{
	background: #fff;
	border-top: 1px solid #ddd;
	margin: 0;
	padding: 5px 5px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
/* 加購 */
.extra{

}
/* 標題 */
.extra__title{
	color: #787878;
	font-size: 20px;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 10px;
	text-align: center;
}

/* 加購列表 */
.extralist{
	padding-bottom: 10px;
}

/* 項目 */
.extralist__item{
	position: relative;
	padding: 10px;
	margin: 0 0 10px 0;
	box-sizing: border-box;
}
/* 遮罩 */
.extralist__link{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index:2;
}
.extralist__link-on{
	background: rgba(0,0,0,.05);
}


/* 圖片區 */
.extralist__imgbox {
	overflow: hidden;
	width: 80px;
	float: left;
	position: relative;
}
.extralist__imgbox:after{
	padding-top: 100%;
	content: "";
	display: block;
}
/* 圖片 */
.extralist__img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	margin: auto;
	z-index: 1;
}
.extralist__imgbox-link{
	width:100%;
	display:block;
}


/* 資訊區 */
.extralist__info {
	padding: 10px 0 0 95px;
	text-align: left;
}

/* 產品名稱*/
.extralist__title {
	font-size: 1em;/*16/16*/
	line-height: 1.375;
	display: block;
	display: -webkit-box;
	max-width: 100%;
	max-height: 50px;
	margin: 0 0 10px 0;
	padding-bottom: 2px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
}
.extralist__title-link{
	text-decoration: none;
}


/* 價格區 */
.extralist__pricebox{
	margin-bottom: 5px;
	text-align: left;
}

.extralist__price-sell{
	min-height: 15px;
}
.extralist__price-offer{
	min-height: 24px;
}
.choose-option__checkbox{
	display: none;
}
.choose-option__label{
	cursor: pointer;
	padding-left: 40px;
}
.choose-option__label:before{
	content: "\e917";
	font-family: 'icomoon';
	line-height: 1;
	position: absolute;
	left: 12px;
	top: 24px;
	font-size: 13px;
	font-weight: bold;
	color: #787878;
	opacity: 0;
	z-index:4;
}
.choose-option__label:after{
	position: absolute;
	width: 20px;
	height: 20px;
	left: 10px;
	top: 20px;
	border: #d0d0d0 1px solid;
	background:#fff;
	content: "";
	z-index:3;
}

/*點選樣式*/
.choose-option__checkbox:checked + .choose-option__label:before{
	opacity: 1;
}

/*售完*/
.choose-option__sellout{
	cursor: no-drop;
}
.choose-option__sellout:before{
	background: #efefef;
	font-size: 14px;
	font-weight: normal;
	opacity: 1;
	content: "售完";
	padding: 3px 5px;
}
.choose-option__sellout:after{
	display: none;
}


/*-------------------- productdetail --------------------*/
.product-detail{
	margin: 1.875em 0 0.9375em;/*30/16 0 15/16*/
}



/*lightbox*/
.lightbox__head{
	border-bottom: none;
}
.installment-head{
	padding: 15px;
}
.installment-head, .installment-head .lightbox__title{
	text-align: left;
}
.installment{
	padding-top: 0;
}

.gift{
	padding: 40px 30px 30px 30px;
}
.gift__title{
	font-size: 18px;
	color: #787878;
	font-weight: bold;
	margin-bottom:20px;
	position: relative;
	text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
}

.gift__img{
}
.gift__img-link{
	display:block;
}
.gift__text{
	text-align: left;
	margin-top: 20px;
	text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 3;
}



/* 銀行分期 */
.scroll-wrapper {
}
.scroll-content{

}
.collapse-bank{

}
.collapse-bank__title{
	border-bottom: 1px solid #cecece;
	font-size: 0;
	letter-spacing: -4px;
	word-spacing: 0;
	cursor: pointer;
}
.collapse-bank__td{
	font-size: 16px;
	letter-spacing: normal;
	word-spacing: normal;
	zoom: 1;
	display: inline-block;
	width: 33.333%;
	padding: 10px 3px;
	vertical-align: top;
}
.collapse-icon{
	margin-left: 5px;
	font-size: 14px;
	color: #787878;
}
.collapse-bank__content{
	background: #fff;
	-webkit-transition: max-height .35s;
	-moz-transition: max-height .35s;
	transition: max-height .35s;
	max-height: 0;
	overflow: hidden;
}
.collapse-bank--open .collapse-bank__content{
	max-height: 2000px;
	border-bottom: 1px solid #cecece;
}
.collapse-bank--open .collapse-icon:before{
	content: "\e90e";
}
/* 銀行分期列表 */
.introList{
	overflow: hidden;
	font-size: 0;
	letter-spacing: -4px;
	word-spacing: 0;
	padding: 0;
	padding: 10px;
}
.introList li{
	font-size: 14px;
	display: inline-block;
	width: 50%;
	letter-spacing: normal;
	word-spacing: normal;
	zoom: 1;
	vertical-align: top;
	margin-bottom: 10px;
	padding: 5px 0;
}
.collapse-bank__tips{
	font-size: 14px;
	padding: 5px 0;
}
@media screen and (min-width: 768px) {
	/*========================================共用樣式*/
	/*------------------------------content------------------------------*/
	/*-------------------- productinfo --------------------*/
	.productinfo {
		margin: 0 0 110px;
		overflow: hidden;
	}
	.productinfo:after {
		clear: left;
		content: " ";
		display: block;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}
	/*產品圖片框 productinfo__slider*/
	.productinfo__slider {
		float: left;
		width: 43%;
		margin-bottom: 0;
	}
	/*產品圖片框 productinfo__slider-產品圖片 product-imgbox*/
	.product-imgbox {
		margin: 0 0 0.9375em;/*0 0 15/16*/
	}
	/* 縮圖區 */
	.productinfo__thumblist{
		margin-bottom: 0;
	}
	/*購物資訊框 buyarea*/
	.productinfo__info {
		margin: 0 0 1.125em;/*0 0 18/16*/
		padding: 0 0 0 45%;/*0 0 0 352+18/16*/
	}

	/*商品名稱*/
	.productinfo__title {
	}
	.productinfo__preorder{
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 0;
		vertical-align: text-bottom;
	}

	/*購買動作區*/
	.productinfo__buybox .form-qty__field-qty{
		width:inherit;
	}

	/*-------------------- product-detail --------------------*/
	.product-detail {
		margin: 2.5em 0 0;/*40/16 0 0*/
	}
	.payinfo__periods-text{
		display: inline;
	}
	.payinfo__toggle{
		display: inline;
	}
	.payinfo__item-periods .payinfo__text{

	}
	.introList li{
		width: 33.333%;
	}
	/* 加購 */
	.extra{
		padding: 20px 20px 10px 20px;
		border: 1px solid #d0d0d0;
		margin-bottom: 50px;
	}

	/* 標題 */
	.extra__title{
		text-align: left;
	}
	.extralist{
		font-size: 0;
		letter-spacing: -4px;
		word-spacing: 0;
		padding-bottom: 0;
	}
	/* 項目 */
	.extralist__item{
		margin: 0 2% 10px 0;
		width: 31.6%;
		font-size: 16px;
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		word-spacing: normal;
		zoom: 1;
	}
	.extralist__item:nth-child(3n){
		margin-right:0;
	}
	.preorder--close{
		display: none;
	}
	/* 按鈕組 */
	.productinfo__btnboxul--btn{
		margin: 0 -8px 10px;
	}
	.productinfo__btnitem{
		margin:0 8px;
		width: calc(50% - 16px);
	}
	.even-btnbox__item{
		width: 100%;
	}

}
@media screen and (min-width: 1024px) {
	/*========================================共用樣式*/
	/* 產品資訊區 */
	.productinfo {
	}
	/*產品圖片框 productinfo__slider*/
	.productinfo__slider {
	}
	/*產品圖片框 productinfo__slider-產品圖片 product-imgbox*/
	.product-imgbox {}
	/*-------------------- productinfo__info --------------------*/
	/*資訊框*/
	.productinfo__info {
		margin: 0;
	}
	/*商品名稱*/
	.productinfo__title {
		font-size: 22px;/*32/16*/
	}
	/*.productinfo__introduce{
		height: 176px;
		overflow: hidden;
	}*/
	.productinfo__buybox .form-qty__label{
		width: 50px;
	}
	.productinfo__buybox .form-qty__input-group{
		padding-left: 60px;
	}
	.product__option-label{
	width: 35px;
	height: 35px;
	}
	/* 購買區區 */
	.productinfo__buybox .form-qty__field-qty{
	}
	.productinfo__spec-color{
		padding-top: 2px;
	}
	.payinfo__toggle:hover{
		color: #222;
	}
	/*分期那一項li的右側文字*/
	.payinfo__ite-periods .payinfo__text{
		display: inline-block;
	}
	/*下拉按鈕*/
	.payinfo__toggle{
		padding: 5px 0;
	}
	/*下拉外框*/
	.payinfo__toggle-arrowcube{
		float: none;
	}
	.payinfo__dropmenu{
		position: absolute;
		right: 0;
		z-index: 0;
		min-width: 325px;
		z-index: 1;
	}
	.productinfo__pricebox {
		margin: 0 0 0.625em;/*10/16 0*/
	}
	/* 原價 */
	.productinfo__price-sell {
	}

	/*購買區*/
	.productinfo__btnboxul{
		display: inline-block;
		width: inherit;
		text-align: left;
		vertical-align: middle;
		margin-bottom: 0;
	}
	.productinfo__btnboxul--btn{
		width: 57%;
		margin-right: 4%;
	}
	.productinfo__btnitem{
		/* margin-left: 0; */
	}
	.productinfo__btnboxul--iconbtn{
		width: 36%;
	}
	.icon-text:hover, .product__fb-icon:hover{
		color: #231815;
	}

	/* 按鈕區-fixed */
	.productinfo__btnbox--fiexed{
		background: none;
		border-top: none;
		margin: 0 -9px;
		padding: 0;
		position: initial;
	}
	.product-detail{
		/* position: relative; */
		/* overflow: hidden; */
	}
	.product-detail img{
		max-width: 100%;
	}
	.even-btnbox{
		width: 170px;
		margin-right: 15px;
	}

	/* 項目 */
	.extralist__item{
		width: calc(33.333% - 17px);
		/* margin: 7px; */
		/* min-height: 190px; */
	}
}
/*如果使用者之視窗寬度>=1280px，將會再載入這裡的 css。*/
@media screen and (min-width: 1280px) {
	/*========================================共用樣式*/
	/*------------------------------content------------------------------*/
	/*-------------------- box-product --------------------*/
	/*-------------------- productinfo --------------------*/
	/*產品圖片框 productinfo__slider*/
	.productinfo__slider {
	}
	/*購物資訊框 buyarea*/
	.productinfo__info {
	}


	/*商品銷售資訊*/
	.productinfo__buyinfo {
	}
	/*-------------------- product-detail --------------------*/
	.product-detail {
		margin: 0 0 1.875em;/*30/16 0 0*/
	}
}