@charset "UTF-8";
/* 以上是 聲明 css編碼 */

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/peggy/fonticons/css/style.css');
/* 以下是 圖示文字 material ver. 的 CSS */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* 以下是 animate 的 CSS */
@import url('/webeip/HT00100/becky/css/animate.css');

/* 以下是 jquery ui 小工具 Datepicker 的相關 CSS */
@import url('//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css');
@import url('//jqueryui.com/resources/demos/style.css');

/* 以下是 slick-1.8.1 的相關 CSS */
@import url('/webeip/HT00100/becky/slick-1.8.1/slick/slick.css');
/* Add the new slick-theme.css if you want the default styling */
@import url('/webeip/HT00100/becky/slick-1.8.1/slick/slick-theme.css');

/* 以下是swiper-4.5.0 css */
@import url(/webeip/HT00100/Peggy/swiper-4.5.0/css/swiper.min.css);

/* 以下是 reset 的 CSS */
@import url('/webeip/HT00100/becky/css/reset.css');

/* 形象大圖輪播 */

	.shoppingCarousel_main{
		width: 1150px;
		margin: 0 auto;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		overflow: hidden;
		position: relative;
	}

	.shoppingCarousel_wrap{
		position: relative;
		width: 100%;
	}
	.shoppingCarousel_a{
		display: block;
	    width: 100%;
	    position: relative;
	}
	.shoppingCarousel_img{
		display: block;
	    width: 100%;
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: cover;
	    vertical-align: top;
	}
	.shoppingCarousel_iframe{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	/* 點點 */
		.shoppingCarousel-pagination .swiper-pagination-bullet{
			width: 15px;
			height: 15px;
		}
		.shoppingCarousel-pagination .swiper-pagination-bullet-active{ background: #303030; }

/* 旅遊商品的其他商品圖輪播器 */
	.carousel{ position: relative; }

	.carousel-inner{
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	.carousel-item{
		position: relative;
		display: none;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		transition: -webkit-transform .6s ease;
		transition: transform .6s ease;
		transition: transform .6s ease,-webkit-transform .6s ease;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}
	.carousel-item-next,.carousel-item-prev,.carousel-item.active{
		display: block;
	}
	.carousel-item-next,.carousel-item-prev{
		position: absolute;
		top: 0;
	}
	.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d))
	{
		.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{
			-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}
	}
	.active.carousel-item-right,.carousel-item-next{
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
	@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d))
	{
		.active.carousel-item-right,.carousel-item-next{
			-webkit-transform: translate3d(100%,0,0);
			transform: translate3d(100%,0,0);
		}
	}
	.active.carousel-item-left,.carousel-item-prev{
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
	@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d))
	{
		.active.carousel-item-left,.carousel-item-prev{
			-webkit-transform: translate3d(-100%,0,0);
			transform: translate3d(-100%,0,0);
		}
	}
	.carousel-control-next, .carousel-control-prev{
		position: absolute;
		top: 0;
		bottom: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 15%;
		color: #fff;
		text-align: center;
		opacity: .5;
	}
	.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{
		color: #fff;
		text-decoration: none;
		outline: 0;
		opacity: .9;
	}
	.carousel-control-prev:hover{
		background: transparent;
		background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(to right, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	}
	.carousel-control-next:hover{
		background: transparent;
		background: -webkit-linear-gradient(right, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(right, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	}
	.carousel-control-prev{ left: 0; }
	.carousel-control-next{ right: 0; }

	.carousel-control-next-icon, .carousel-control-prev-icon{
		display: inline-block;
		width: 50px;
		height: 50px;
		background: transparent no-repeat center center;
		background-size: 100% 100%;
		/*background-color: #555;
		border-radius: 50%;*/
	}
	.carousel-control-prev-icon{
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
	}
	.carousel-control-next-icon{
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
	}
	.carousel-indicators{
		position: absolute;
		right: 0;
		bottom: 10px;
		left: 0;
		z-index: 15;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-left: 0;
		margin-right: 15%;
		margin-left: 15%;
		list-style: none;
	}
	.carousel-indicators li{
		position: relative;
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		width: 30px;
		height: 3px;
		margin-right: 3px;
		margin-left: 3px;
		text-indent: -999px;
		background-color: rgba(255,255,255,.5);
	}
	.carousel-indicators li::before{
		position: absolute;
		top: -10px;
		left: 0;
		display: inline-block;
		width: 100%;
		height: 10px;
		content: "";
	}
	.carousel-indicators li::after{
		position: absolute;
		bottom: -10px;
		left: 0;
		display: inline-block;
		width: 100%;
		height: 10px;
		content: "";
	}
	.carousel-indicators .active{
		background-color: #fff;
	}
	.carousel-caption{
		position: absolute;
		right: 15%;
		bottom: 20px;
		left: 15%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
	}
	/* 圖片設定 */
	.rwdimg{
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 60vh;
		overflow: hidden;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.rwdimg_video{
		position: relative;
		/*padding-bottom: 56.25%;
		padding-top: 30px;*/
		padding-bottom: 60vh;
		box-sizing: border-box;
		height: 0;
		overflow: hidden;
	}
	.rwdimg_video > iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


.prodSell_category{
	width: 1200px;
    margin: 2em auto 1em;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    font-size: 1.15rem;
    background-color: #f44336;
    padding: 5px 5px 5px 15px;
    box-sizing: border-box;
    color: #fff;
    letter-spacing: 10px;
	text-align: justify;
	word-break: break-all;
}

.prodSell_wrap{
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	background-color: #FFF;
}
/* 商品內頁主要區塊 */
.prodSell_main{
	width: 950px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
/* 關鍵字搜尋 */
.prodSell_search{
	width: 100%;
	margin: 0 auto 10px;
	display: flex;
	align-items: stretch;
	justify-content: center;
	background-color: #FFF;
}
.prodSell_search > input[type="text"]{
	border: 0;
	display: block;
	width: 100%;
	border: 1px solid #9C9C9C;
	padding: 0.5rem 1rem;
	box-sizing: border-box;
	border-radius: 5px 0 0 5px;
	font-size: 1rem;
}
.prodSell_search > input[type="submit"]{
	border: 0;
	cursor: pointer;
	display: block;
	width: 100%;
	max-width: 100px;
	background-color: #9C9C9C;
	color: #FFF;
	letter-spacing: 0.5rem;
	padding: 0.5rem 0.5rem 0.5rem 1rem;
	box-sizing: border-box;
	border-radius: 0 5px 5px 0;
	font-size: 1rem;
}
/* 關鍵字 */
.product_keyword{
	margin: 40px auto 20px;
}
.product_keyword ul{
	display: flex;
	flex-wrap: wrap;
}
.product_keyword ul li a{
	display: block;
	background-color: #dc9617;
	border: dotted 1px #dc9617;
    border-radius: 5px;
    color: #fff;
    margin: 5px;
    padding: 3px 15px;
    box-sizing: border-box;
    transition: all .3s;
}
.product_keyword ul li a:hover{
	background-color: #fff;
	color: #dc9617;
	border: dotted 1px #dc9617;
	box-sizing: border-box;
}
/* 分類名稱 */
.prodSell_catename{
	width: 100%;
	padding: 10px 5px;
	box-sizing: border-box;
	font-size: 0.9rem;
	color: #555;
}
.prodSell_catename_next{
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #CCC;
	margin: 0 5px;
}
/* 社群分享 */
.prodSell_shareicons{
	width: 100%;
	text-align: right;
	overflow: hidden;
}
.prodSell_shareicons_main{
	position: relative;
	display: inline-block;
}
.prodSell_shareicons ul{
	position: absolute;
    right: 100%;
    width: 320px;
    z-index: 9;
}
.prodSell_shareicons ul li{
	margin: 0.25rem;
	display: inline-block;
	position: relative;
	z-index: 999;
}
.prodSell_shareicons ul li a{ cursor: pointer; }
.prodSell_shareicons ul img{
	vertical-align: middle;
	width: 2rem;
	border-radius: 5px;
}
.prodSell_shareicons_btn{
	display: inline-block;
	position: relative;
    z-index: 99;
}
.prodSell_shareicons_btn img{
	width: 2.5rem;
	border-radius: 5px;
	cursor: pointer;
}
/* QRcode跳出視窗 */
	.show_alertbox_bg{
		position: fixed;
		z-index: 10000;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.4);
		overflow-y: auto;
		display: none;
	}
	.show_alertbox_main{
		width: 90%;
		margin: 3rem auto;
		background-color: #FFF;
		border-radius: 15px;
		padding: 1rem;
		box-sizing: border-box;
		position: relative;
	}
	.show_alertbox_main > h3{
		width: 90%;
		margin: 0 auto 1rem;
		text-align: center;
		padding: 0.5rem 0 0.25rem 0;
		box-sizing: border-box;
		border-bottom: 1px solid #EEE;
	}
	.show_alertbox_main > i{
		cursor: pointer;
		position: absolute;
		top: 1rem;
		right: 1rem;
		font-size: 1.25rem;
		color: #BBB;
	}
	.show_alertbox_main > i:hover{ color: #000; }

	.show_alertbox_main > i:active{ top: 0.51rem; }

	#show_alertbox_qrcode > .show_alertbox_main{
		text-align: center;
		max-width: 300px;
	}
	#show_alertbox_qrcode > .show_alertbox_main > img{
		vertical-align: top;
		max-width: 90%;
	}
/* 商品圖片+輪播器 */
.prodSell_pdimg{
	width: 45%;
	padding: 10px 10px 10px 0;
	box-sizing: border-box;
}
.prodSell_pdimg > .slider-for{
	width: 100%;
	margin: 0 auto;
}
.prodSell_pdimg > .slider-nav{
	width: 100%;
	margin: 1rem auto 0;
}
.prodSell_pdimg_mainimg{
	display: block;
	cursor: pointer;
	height: 350px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color: #EFEFEF;
}
.product_box{ position: relative; }
.product_tags{
	display: block;
    width: 100%;
    margin: 0 auto;
    left: 5px;
    bottom: 10px;
    height: 30px;
    overflow-y: hidden;
    position: absolute;
}
.product_tags a{
	display: inline-block;
    background-color: rgba(24,102,220,0.9);
    color: #FFF;
    padding: 0.1rem 0.15rem;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 1rem;
    margin: 0.1rem;
}
.prodSell_pdimg_smallimg{
	cursor: pointer;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition: all 1s;
}
.prodSell_pdimg_noimg{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #DDD;
	color: #FFF;
	height: 400px;
	font-size: 3rem;
}
/* 商品主要資訊 */
.prodSell_pdinfo{
	width: 55%;
	border-left: 1px solid rgba(0,0,0,0.1);
	padding: 10px 0 10px 9px;
	box-sizing: border-box;
	min-height: 500px;
}
/* 商品名稱 */
.prodSell_pdname{
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 0.5rem 0.25rem;
	box-sizing: border-box;
	font-size: 1.35rem;
	font-weight: bold;
	color: #333;
}
/* 資訊列表 */
.prodSell_pdinfo > ol{
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
}
.prodSell_pdinfo > ol > li{
	padding: 0.25rem;
	box-sizing: border-box;
}
.prodSell_pdinfo > ol > li > i{ margin: 0 0.25rem 0 0; }

/* 商品簡述 */
.prodSell_brief{
	width: 100%;
	padding: 10px 5px;
	margin: 0 auto 20px;
	box-sizing: border-box;
}
/* 選擇日期 */
.prodSell_choosedate{
	width: 100%;
	margin: 0 auto;
	padding: 20px 10px;
	box-sizing: border-box;
	background-color: #FAFAFA;
}
.prodSell_choosedate > p{
	border-left: 4px solid #3592ff;
    padding-left: 10px;
    margin: 10px 0;
    box-sizing: border-box;
    font-size: 1.25rem;
}

.prodSell_choosedate > div{
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 0;
	box-sizing: border-box;	
}
.prodSell_choosedate > div > input[type="text"]{
	border: 0;
	display: block;
	width: 100%;
	border: 1px solid #CCC;
	padding: 0.5rem;
	box-sizing: border-box;
	border-radius: 5px;
	font-size: 1rem;
}
.prodSell_choosedate > div > input[type="text"]:last-child{ margin: 0 0 0 5px; }
/* 旅遊資料 */
	.prodsell_travel_form{
		width: 100%;
		padding: 1rem 0;
		box-sizing: border-box;
		background-color: #eaeaea;
	}
	.prodsell_travel_table{
		width: 100%;
		border-collapse: separate;
		border-spacing: 1px;
		box-sizing: border-box;
	}
	.prodsell_travel_tr{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: initial;
	}
	.prodsell_travel_td{
		display: block;
		width: 24%;
		margin: 10px 0.5%;
		vertical-align: top;
		text-align: center;
		padding: 10px;
		box-sizing: border-box;
	}
	.prodsell_travel_td input[type="text"]{
		display: block;
		width: 100%;
		max-width: 200px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 0;
		margin: 0.25rem auto;
		background-color: #FFF;
		border: 1px solid #CCC;
		padding: 0.5rem;
		box-sizing: border-box;
		font-size: 1rem;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		transition: all .3s;
	}
	.prodsell_travel_tr .prodsell_travel_otherConditions{
		width: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: initial;
		border-right: 1px solid;
	}
	.prodsell_travel_tr .prodsell_travel_otherConditions:nth-child(5){ margin-right:  0; }
	.prodsell_travel_tr .prodsell_travel_otherConditions:nth-child(6){ margin-left:  0; }
	.prodsell_travel_tr .prodsell_travel_otherConditions:last-child{ border-right: none; }
	.travel_otherConditions_radio{
		padding-right: 10px;
		box-sizing: border-box;
	}
	.travel_otherConditions_checkbox{
		padding-left: 10px;
		box-sizing: border-box;
		margin-right: 10px;
		padding-right: 10px;
	}
	.travel_otherConditions_input{
		margin-left: 10px;
	}
	.travel_otherConditions_radio label,
	.travel_otherConditions_checkbox label{
		position: relative;
		margin: 5px;
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
	}
	.travel_otherConditions_radio label i,
	.travel_otherConditions_checkbox label i{
		font-style: normal;
		display: inline-block;
	}
/* 其他條件 */
.prodsell_otherConditions{
	width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: #FAFAFA;
}
.prodsell_otherConditions p{
	border-left: 4px solid #3592ff;
    padding-left: 10px;
    margin: 10px 0;
    box-sizing: border-box;
    font-size: 1.25rem;
}
.prodsell_otherConditions label{
	position: relative;
	margin: 5px;
	display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}
.prodsell_otherConditions .checkbox_style{ display: none; }
.prodsell_otherConditions label .checkbox_style + span{
	display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #888;
    border-radius: 2px;
    color: #888;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: -.5rem;
    z-index: 999;
}
.prodsell_otherConditions label .checkbox_style:checked + span:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	z-index: 9999;
	background-color: #f60;
	border-radius: 50%;
	left: 1px;
    top: 1px;
}
.prodsell_otherConditions label i{
	margin: 10px;
    font-style: normal;
    display: inline-block;
}
.prodsell_otherConditions_check,
.prodsell_otherConditions_radio{ padding-left: 15px; box-sizing: border-box; }
/* 價格 */
.prodSell_price{
	width: 100%;
	margin: 0 auto;
	padding: 20px 10px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	background-color: #FAFAFA;
}
/* 一般市價(現場價) */
.prodSell_usualprice{
	letter-spacing: 1px;
	padding: 0 0.5rem 0 0;
	box-sizing: border-box;
	color: #AAA;
	font-weight: normal;
	font-size: 0.8rem;
	text-decoration: line-through; /* 刪除線 */
}
/* 本站特價(通路價) */
.prodSell_saleprice{
	color: #ED1C24;
	font-weight: bold;
	font-size: 1.1rem;
}
/* 多價格 */
.prodSell_multiprice{
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
	background-color: #FAFAFA;	
}
.prodSell_multiprice p{
	border-left: 4px solid #3592ff;
    padding-left: 10px;
    margin: 10px 0;
    box-sizing: border-box;
    font-size: 1.25rem;
}
.prodSell_multiprice > span{
	line-height: 30px;
	display: block;
}
.prodSell_multiprice > select{
	border: 0;
	display: block;
	width: 100%;
	border: 1px solid #CCC;
	padding: 0.5rem;
	box-sizing: border-box;
	border-radius: 5px;
	font-size: 1rem;
}
.prodSell_multiprice > div#span_prod_price{
	white-space: nowrap;
	width: 100%;
	padding: 10px 5px;
	box-sizing: border-box;
	color: #ED1C24;
	font-weight: bold;
	font-size: 1.1rem;	
}
.prodsell_kindprice #span_prod_onsite_price{
	text-decoration: line-through;
	color: #888;
}
.prodsell_kindprice #span_prod_price{ color: #ED1C24; }
.prodsell_kindprice #span_prod_price,
.prodsell_kindprice #span_prod_onsite_price{
	padding: 10px 0;
    box-sizing: border-box;
    display: inline-block;
}

/* 內涵數量 */
.prodSell_salequantity{
	color: #444;
    margin: 0 10px;
}
.prodSell_salequantity span{ margin: 0 5px; }
/* 數量、庫存 */
.prodSell_amount{
	width: 100%;
	margin: 0 auto;
	padding: 20px 10px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	background-color: #FAFAFA;
}
/* 購買數量 */
.prodSell_quantity{
	padding: 10px 0;
	box-sizing: border-box;
}
/* 數量選擇器 */
.prodSell_quantityopt{
	display: inline-flex;
	align-items: stretch;
	justify-content: center;
	white-space: nowrap;
}
.prodSell_quantityopt > input[type='text'],
.prodSell_quantityopt > button[data-type='minus'],
.prodSell_quantityopt > button[data-type='plus']{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #777;
	background-color: #FFF;
	border: 1px solid #CCC;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
}
.prodSell_quantityopt > input[type='text']{
	cursor: text;
	width: 50px;
	font-size: 1.05rem;
	color: #333
}
.prodSell_quantityopt > button[data-type='minus']{ border-radius: 5px 0 0 5px; }

.prodSell_quantityopt > button[data-type='plus']{ border-radius: 0 5px  5px 0; }
/* 已售出 */
.prodSell_sold{
	padding: 10px 0 10px 10px;
	box-sizing: border-box;
	color: #666;
}
/* 庫存 */
.prodSell_stock{
	padding: 10px;
	box-sizing: border-box;
	color: #ED1C24;
}
/* 加入購物車、馬上結帳 */
.prodSell_btns{
	width: 100%;
	margin: 0 auto;
	padding: 20px 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #FAFAFA;
}
.prodSell_btns > .prodSell_buynow{ margin: 0 auto; }
.prodSell_addcart,
.prodSell_buynow{
	cursor: pointer;
	display: block;
	width: 49%;
	text-align: center;
	padding: 0.5rem 0;
	box-sizing: border-box;
	font-size: 1.25rem;
	border-radius: 7px;
	color: #FFF;
	transition: all .3s;
}
.prodSell_addcart{
	background-color: #FFF;
	border: 1px solid #4f95ff;
	color: #4f95ff;
}
.prodSell_buynow{ background-color: #ff6151; }

.prodSell_addcart:hover{
	background-color: #4f95ff;
	color: #FFF;
}
.prodSell_buynow:hover{ background-color: #c53333; }
.prodSell_addcart span,
.prodSell_buynow span{ margin-right: 5px; }
/* 行程說明 */
.prodSell_itinerary{
	width: 100%;
	margin: 0 auto;
	padding: 20px 10px;
	box-sizing: border-box;
}
/* 商品其他資訊 */
.prodSell_otherdetail{
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	box-sizing: border-box;
}
/* 其他資訊 */
.prodSell_accordion{
	width: 100%;
	margin: 0.5rem auto;
}
.prodSell_accordion > h3{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background-color: #f5f5f5;
	color: #444;
	border: 1px solid #ddd;
	padding: 10px 15px 10px 20px;
	box-sizing: border-box;
}
.prodSell_accordion > article{
	width: 100%;
	border: 1px solid #ddd;
	border-top: none;
	padding: 20px;
	box-sizing: border-box;
	word-break: break-all;
	display: none;
}
.prodSell_accordion > article ul{
	list-style: disc;
    list-style-position: inside;
}
.prodSell_accordion > article ol{
	list-style: decimal;
    list-style-position: inside;
}
.prodSell_accordion > article a{ width: 100%; }
.prodSell_accordion > article p input[type="image"]{ width: 90%; }
.prodSell_accordion_title_downtriangle,
.prodSell_accordion_title_uptriangle{
	display: inline-block;
	margin: 0 0 0 10px;
	width: 0;
	height: 0;
	border-style: solid;
}
.prodSell_accordion_title_downtriangle{
	border-width: 9px 6px 0 6px;
	border-color: #AAA transparent transparent transparent;
}
.prodSell_accordion_title_uptriangle{
	border-width: 0 6px 9px 6px;
	border-color: transparent transparent #AAA transparent;
}
/* 跳出視窗--透明黑背景 */
.prodSell_alertbox_bg{
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	overflow-y: auto;
	display: none;
}
/* 跳出視窗--白色主區塊 */
.prodSell_alertbox_main{
	width: 95%;
	margin: 5vh auto;
	background-color: #FFF;
	border-radius: 15px;
	padding: 40px 30px 10px;
	box-sizing: border-box;
	height: 90vh;
	position: relative;
}
/* 跳出視窗--叉叉 */
.prodSell_alertbox_btn_close{
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 1.25rem;
	color: #BBB;
}
/* 跳出視窗--商品圖輪播 */
.prodSell_alertbox_pdimg_slider{ width: 100%; }

.prodSell_alertbox_pdimg_slider > .slick-prev:before,
.prodSell_alertbox_pdimg_slider > .slick-next:before{ color: #333; }

/*.prodSell_alertbox_pdimg_slider li{
	display: block;
	width: 100%;
	height: 80vh;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}*/
.prodSell_alertbox_pdimg_slider li.slick-slide{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 80vh;
}
.prodSell_alertbox_pdimg_slider li > img{
	vertical-align: middle;
	max-width: 100%;
	max-height: 80vh;
}
/* 一頁式訂購欄位 */
.prodSell_listcar{
	width: 100%;
    margin: 20px 0;
    border: 1px solid #EAEAEA;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}
.prodSell_listcar p{
	line-height: 30px;
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.prodSell_listcar_title{
    border-left: 3px solid #EF5627;
    padding-left: 10px;
    box-sizing: border-box;
    font-weight: normal;
    margin: 20px 0;
}
.prodSell_listcar_titlebox{
	width: 100px;
    background-color: #888;
    margin: 10px;
    text-align: center;
    color: #fff;
}
.prodSell_listcar input[type="text"]{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    margin: 0.25rem;
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 0.5rem;
    box-sizing: border-box;
    font-size: 1rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    transition: all .3s;
}
.prodSell_listcar_btn{
	display: block;
    width: 100%;
    max-width: 300px;
    margin: 10px auto;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
    background-color: #ff6151;
    color: #fff;
    font-size: 1.25rem;
    border-radius: 10px;
    cursor: pointer;
    transition: all .5s;
}
.prodSell_listcar_btn:hover{
	background-color: #c53333;
}

.payout_textarea{
	font-size: 1rem;
	border-radius: 5px;
	padding: 0.5rem;
	box-sizing: border-box;
	width: 100%;
	max-width: 815px;
	background-color: #FFF;
    border: 1px solid #CCC;
}
/* 其他推薦 */
	.prosell_recommend{
		width: 100%;
		margin: 0 auto 1rem;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.prosell_recommend > h2{
		width: 100%;
		border-bottom: 2px solid #bcbcbc;
	    margin-bottom: 15px;
	    color: #E91E63;
	}
	.prosell_recommend > h2 > span{
		border-bottom: 4px solid #9E9E9E;
    	display: inline-block;
	}
	.prosell_recommendbox{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.prosell_recommendbox .product{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		width: 100%;
		max-width: 325px;
		min-height: 376px;
		margin: 4px;
		border: 1px solid #DDD;
		transition: all .3s;
	}
	.prosell_recommendbox .product:hover{ border: 1px solid #BBB; }

	.prosell_recommendbox .product_img{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 240px;
		overflow: hidden;
		position: relative;
	}
	.prosell_recommendbox .product_img > img{
		vertical-align: top;
		max-width: 100%;
		transition: all .2s;
	}
	.prosell_recommendbox .product_img:hover > img{
		-moz-transform: scale(1.1);
	    -webkit-transform: scale(1.1);
	    -o-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    transform: scale(1.1);
	}
	.prosell_recommendbox .product .product_box{
		position: relative;
		display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
	    width: 100%;
	    max-width: 300px;
	}
	.prosell_recommendbox .product_tags{
		position: absolute;
		display: block;
		width: 100%;
		margin: 0 auto;
    	bottom: 10px;
		height: 22px;
		overflow-y: hidden;
	}
	.prosell_recommendbox .product_tags > a{
		display: inline-block;
		background-color: rgba(24,102,220,0.9);
		color: #FFF;
		padding: 0.1rem 0.15rem;
		box-sizing: border-box;
		border-radius: 2px;
		font-size: 0.7rem;
		margin: 0.1rem;
	}
	.prosell_recommendbox .product_address{
		width: 100%;
		padding: 0.25rem;
		box-sizing: border-box;
		font-size: 0.8rem;
		color: #6A9E79;

		overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		white-space: normal;
	}
	.prosell_recommendbox .product_city{
		display: inline-block;
		font-size: 0.7rem;
		margin: 0 5px 0 0;
		background-color: #7092BE;
		color: #FFF;
		padding: 0.1rem 0.25rem;
		box-sizing: border-box;
		border-radius: 2.5px;
	}
	.prosell_recommendbox .product_title{
		width: 100%;
		padding: 0.25rem;
		box-sizing: border-box;
		font-size: 1rem;
		font-weight: bold;
		overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: normal;
		min-height: 50px;
	}
	.prosell_recommendbox .product_price{
		width: 50%;
	}
	.prosell_recommendbox .product_marketprice{
		display: block;
		padding: 0.25rem;
		box-sizing: border-box;
		font-size: 0.8rem;
		text-decoration:line-through;
		color: #888;
	}
	.prosell_recommendbox .product_saleprice{
		display: block;
		padding: 0.25rem;
		box-sizing: border-box;
		font-size: 1.1rem;
		font-weight: bold;
		color: #DD581D;
	}
	.prosell_recommendbox .product_buynow{
		display: block;
		width: 40%;
		text-align: center;
		padding: 0.5rem 0.25rem;
		box-sizing: border-box;
		font-size: 1.1rem;
		background-color: #FF6600;
		color: #FFF;
	}
/* 推薦商品輪播設定 */
	.prosell_recommendbox .slick-next{
		right: 0;
	    left: 180px;
	    top: -30px;
	}
	.prosell_recommendbox .slick-prev{
		left: 150px;
    	top: -30px;
	}
	.prosell_recommendbox .slick-prev:before,
	.prosell_recommendbox .slick-next:before{
		color: #676767;
	}