@charset "utf-8";

/* Product */

	.shopping-pic-i{position:relative; margin:0 auto 0 auto; padding:20px 0; max-width:480px; overflow:hidden;}
	.shopping-pic-i img{display:block; width:100%;}
	
	.l-t-h2{display:block; margin:0 auto 10px auto; width:100%; background:#fff; color:#000; padding:12px 10px 12px 10px; font-weight:bold; text-align:center; background:#ededed;}
		.l-t-img{display:inline-block; vertical-align:middle; margin-right:2px;}
		.l-t-txt{display:inline-block; vertical-align:middle; font-size:20px;}
		.l-t-txt span{font-family:"Arial Black", sans-serif; font-weight:900; font-size:24px; margin-right:2px;}
		
	
	.inner-blk{position:relative; margin:0 auto; padding:10px 10px 40px 10px; width:100%;}
	
	.inner-blk-i{position:relative; margin:0 auto; padding:10px 10px 20px 10px; width:100%;}
	
		.showcase-blk{position:relative; margin:0 auto; width:80%; display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start;}
		
			.p-t-title{margin:10px auto; width:100%; padding:20px 0; text-align:left; font-weight:bold; font-size:22px;}
	
			.p-box{width:100%; margin:10px auto 80px auto; display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start; font-size:0;}
	
				.p-item{display:inline-block; margin:0 0.5% 20px 0.5%; width:15.66%; padding:6px; border:#ccc 1px solid; background:#fff;}
					.p-item-pic{
						position:relative;
						display:block;
						width:100%;
						height:0;
						padding-bottom:100%;
						overflow:hidden;
					}
					.p-item-pic img{
						position:absolute;
						top:0;
						left:0;
						right:0;
						bottom:0;
						margin:auto;
					}
	
					.p-info{margin:0 auto; width:100%; font-size:16px; font-weight:normal; text-align:left;}
					.p-info .title{margin:10px auto 0 auto; padding:4px 0; text-align:left; color:#000;}
					.p-info .price{padding:4px 0; text-align:right; color:#EC598B; font-family:Century Gothic;}
					.p-info .price span{color:#EC598B; font-size:22px; margin-left:2px; font-family:inherit;}
	
				.p-item:hover .p-info .title{color:#f2802c;}





	.showcase-blk-i{position:relative; margin:0 auto; width:80%; display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start; font-size:0;}
	
		.p-t-title-i{margin:10px auto; width:100%; padding:20px; text-align:center; font-weight:bold; font-size:22px;}	

		.p-box-i{display:inline-block; width:50%; margin:10px auto 10px auto; padding:10px 20px; display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start; font-size:0;}
		

			.p-item-i{display:inline-block; margin:0 1% 20px 1%; width:31.33%; padding:6px; border:#ccc 1px solid; background:#fff;}
				.p-item-i-pic{
					position:relative;
					display:block;
					width:100%;
					height:0;
					padding-bottom:100%;
					overflow:hidden;
				}
				.p-item-i-pic img{
					position:absolute;
					top:0;
					left:0;
					right:0;
					bottom:0;
					margin:auto;
				}

				.p-info-i{margin:0 auto; width:100%; font-size:16px; font-weight:normal; text-align:left;}
				.p-info-i .title{margin:10px auto 0 auto; padding:4px 0; text-align:left; color:#000;}
				.p-info-i .price{padding:4px 0; text-align:right; color:#EC598B; font-family:Century Gothic;}
				.p-info-i .price span{color:#EC598B; font-size:22px; margin-left:2px; font-family:inherit;}

			.p-item-i:hover .p-info-i .title{color:#f2802c;}





/* Fixed flr-nav */
.flr-nav{
	position:fixed;
	top:38%;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	left:-100px;
	width:120px;
	height:100%;
	z-index:999;
}

.flr-nav a{
	position:relative;
	margin:2px 0;
	display:table;
	left:0;
	width:148px;
	z-index:1;
	transition:0.5s;
	text-align:left;
	font-size:0;
}

.flr-nav a .flr-txt{
	display:table-cell;
	vertical-align:middle;
	padding:6px 10px;
	width:120px;
	font-size:13px;
	color:#888;
	background:#F0F0F0;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}

.flr-nav a .flr-num{
	display:table-cell;
	vertical-align:middle;
	padding:6px 10px;
	width:28px;
	font-size:18px;
	font-weight:900;
	text-align:center;
	color:#888;
	background:#F0F0F0;
	border:#ccc 1px solid;
	font-family:"Arial Black", sans-serif;
}

.flr-nav a:hover{left:100px;}

.flr-nav a:hover .flr-txt{color:#000; background:#fff;}
.flr-nav a:hover .flr-num{color:#fff; background:#f2802c; border:#f2802c 1px solid;}


.flr-nav a.onit .flr-txt{color:#000; background:#fff;}
.flr-nav a.onit .flr-num{color:#fff; background:#f2802c; border:#f2802c 1px solid;}



	.tabs{
		margin:10px auto 0 auto;
		width:100%;
		overflow: hidden;
		text-align:right;
		font-size:0;
	}
	
	.tabs > a{
		display:inline-block;
		background-color:inherit;
		border:none;
		cursor:pointer;
		padding:12px 16px;
		outline:none;
		font-size:16px;
		font-weight:bold;
		font-family:"微軟正黑體", 新細明體, Verdana, sans-serif;
		letter-spacing:1px;
		color:#666;
		background:#ededed;
		transition:0.3s;
	}
	
	/*.tabs a:hover,*/
	.tabs a.active{
		background:#999;
		color:#fff;
	}
	
	.tabgroup{
		position:relative;
		margin:0 auto;
		width:100%;
		overflow:hidden;
	}
	
	.tabgroup > div{
		margin:0 auto;
		padding:20px 40px;
		width:100%;
	}



/* product css */

.product-blk{position:relative; margin:40px auto 0 auto; width:90%; display:flex; flex-wrap:wrap; font-size:0;}
	.p-pic{position:relative; display:inline-block; width:50%; text-align:center; font-size:0;}
	.p-pic .p-p-showcase{display:inline-block; width:80%;}


	.p-txt{position:relative; display:inline-blck; width:50%;}

		.p-tp-title{display:table; margin:0 auto; padding:0 10px 10px 0; width:100%; font-size:24px; font-weight:bold; color:rgba(0,0,0,0.87);}

		.p-list-a{display:table; margin:0 auto 10px auto; width:100%;}

		.p-list-a .nci-l-a{display:table-cell; padding:8px 0; font-size:15px; line-height:20px; color:#000; text-align:left;}

		.p-list-a .nci-l-s{display:table-cell; padding:8px 0; font-size:15px; line-height:20px; color:#000; text-align:left;}
		.p-list-a .nci-l-s:nth-child(1){width:20px;}
		.p-list-a .nci-l-s .link-set{display:inline-block; margin:0 2px; font-size:18px; font-weight:bold;}
		.p-list-a .nci-l-s .form-field{display:inline-block; width:60px; border:#ccc 1px solid;}
			
		/* list-style */						
		.p-list-a .nci-l-s.icon{color:#f2802c;}
			.p-t-dot-1{display:inline-block; width:8px; height:8px; border-radius:100%; background:#29b3b8;}
			.p-t-dot-2{display:inline-block; width:6px; height:6px; border-radius:100%; background:#f58619;}
			
			
		.p-list-btn-blk{position:relative; margin:8px auto 0 0; width:100%; overflow:hidden; font-size:0; text-align:left;}
		.p-list-btn-blk .p-list-btn{display:inline-block; margin:0 6px 6px 0; width:calc(50% - 6px); padding:10px; font-size:16px; color:#000; line-height:38px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
		.p-list-btn-blk .p-list-btn .price-n{text-decoration:line-through; margin:0 2px;}
		.p-list-btn-blk .p-list-btn .price-a{color:#f00; font-weight:bold; font-size:22px; margin:0 2px;}
		.p-list-btn-blk .p-list-btn .p-id-number{font-size:13px; margin:0 2px;}
		.p-list-btn-blk .p-list-btn.style-1{border:#ccc 1px solid; background:#fff;}
		.p-list-btn-blk .p-list-btn.style-2{border:#ccc 1px solid; background:#ededed;}

		.p-shop-btn-blk{position:relative; margin:30px auto auto auto; width:100%; font-size:0; text-align:left; overflow:hidden;}
		.p-shop-btn-blk .p-shop-btn{display:inline-block; margin:0 12px 8px 0; padding:8px 16px; font-size:16px; font-weight:bold; line-height:30px; vertical-align:middle; border-radius:4px; color:#fff; background:#c8873c;}
		
		.p-shop-btn-blk .p-shop-btn.type-01{color:#fff; background:#f58619;}
		.p-shop-btn-blk .p-shop-btn.type-02{color:#fff; background:#cb2a67;}
		
		.p-shop-btn-blk .p-shop-btn:hover{background:#000;}
		.p-shop-btn-blk .p-shop-btn.type-01:hover{background:#000;}
		.p-shop-btn-blk .p-shop-btn.type-02:hover{background:#000;}
		
		
		
		
		
		.p-shop-btn-blk .p-shop-btn > img{display:inline-block; vertical-align:middle; margin:-4px 4px 0 0;}

.product-d-blk{position:relative; margin:0 auto; width:90%; padding-top:50px; display:flex; flex-wrap:wrap; font-size:0;}


	/* 產品 TAB 切換 */
	.p-tabs{
		margin:10px auto 0 auto;
		width:100%;
		overflow: hidden;
		text-align:left;
		font-size:0;
		border-bottom:#ccc 2px solid;;
	}
	
	.p-tabs > a{
		display:inline-block;
		background-color:inherit;
		border:none;
		cursor:pointer;
		margin-right:4px;
		padding:12px 28px;
		outline:none;
		font-size:16px;
		font-family:"微軟正黑體", 新細明體, Verdana, sans-serif;
		letter-spacing:1px;
		color:#666;
		background:#ededed;
		transition:0.3s;
		text-align:center;
	}
	
	/*.p-tabs a:hover,*/
	.p-tabs a.active{
		background:#dedede;
		color:#000;
	}
	
	.p-tabgroup{
		position:relative;
		margin:0 auto;
		width:100%;
		overflow:hidden;
	}
	
	.p-tabgroup > div{
		position:relative;
		margin:0 auto;
		padding:40px 40px;
		width:100%;
		text-align:left;
		overflow:hidden;
	}

	.p-tabgroup > div img{max-width:100%; height:auto !important;}	

	.p-tabgroup > div ul{list-style:disc !important; padding-left:30px;}
	.p-tabgroup > div ol{list-style:decimal !important; padding-left:30px;}		

	.p-tabgroup > div ul li{list-style:inherit !important;}
	.p-tabgroup > div ol li{list-style:inherit !important;}
	.p-tabgroup > div{word-break:break-all;}








@media screen and (max-width: 1200px){
	
	.p-box-i{display:block; width:100%; padding:10px;}
	
	.p-item{margin:0 1% 20px 1%; width:23%;}

}

@media screen and (max-width: 1024px){
	
.p-box-i{display:block; width:100%}


	.nc-tab {
		text-align:center;
	}

	.tabcontent {
		padding:20px 16px;
		width:100%;
	}



	.p-item{margin:0 1% 20px 1%; width:31.33%;}

	.tabs{
		text-align:center;
	}
	
	.tabgroup > div{
		padding:20px 16px;
		width:100%;
	}
	
	.flr-nav{
		display:none;
	}




.product-blk{width:90%;}

	.p-pic{width:100%;}
	.p-pic .p-p-showcase{display:inline-block; width:100%;}
	
	.p-txt{width:100%;}


		.p-list-a .nci-l-s{padding:8px 4px; line-height:30px;}



		.p-list-btn-blk{width:100%;}
		.p-list-btn-blk .p-list-btn{width:calc(50% - 6px); padding:10px;}



.product-d-blk{width:90%;}


	.p-tabs{
	}
	
	.p-tabs > a{
		cursor:pointer;
		margin-right:4px;
		padding:16px 0;
		width:calc(50% - 4px);
		line-height:120%;
		letter-spacing:0;
	}

	.p-tabgroup > div{
		padding:40px 20px;
	}

}

@media screen and (max-width: 768px){
	
	.p-item-i{margin:0 1% 20px 1%; width:48%;}

}

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

	.p-item{margin:0 1% 20px 1%; width:48%;}
	
	.p-list-btn-blk .p-list-btn{width:calc(100% - 6px); padding:10px;}

}

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

	.p-item{margin:0 1% 20px 1%; width:98%;}
	.p-item-i{margin:0 1% 20px 1%; width:98%;}

}










/* bxslider */

	/*
	.bx-viewport{border:#dedede 1px solid;}
	
	.bxslider li{}
	.bxslider li:before{content:''; position:relative; display:block; padding-top:75%; overflow:hidden;}
	.bxslider li img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; height:100%;}
	
	.bx-wrapper .bx-prev {left:0;}
	.bx-wrapper .bx-next {right:0;}
	*/
	
	
	#bx-pager a:hover{border:#999 1px solid;}
	#bx-pager a.active{border:#339a62 1px solid;}
	
	#bx-pager{margin:20px auto 40px auto;}
	#bx-pager .thumb-cont{position:relative; display:inline-block; margin:4px; width:100px; height:75px; border:#dedede 1px solid; overflow:hidden;}
	#bx-pager .thumb-cont .thumb-img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:auto; max-width:100%; height:auto; max-height:100%;}
	
	@media screen and (max-width:1024px){
		#bx-pager .thumb-cont{width:80px; height:60px;}
	}
	
	@media screen and (max-width:768px){
		#bx-pager .thumb-cont{width:60px; height:45px;}
	}
	
	@media screen and (max-width:480px){
	}