/* notice */
#content-container article{
	
}
	#content-container article .wrapper{
		position:relative;
	}
	#content-container img{
		max-width:100% !important;
		height:auto !important;
	}
/*-------------------------------------------
tabs
-------------------------------------------*/
#tabs{
	padding:0;
	text-align:center;
	position:relative;
	z-index:99;
}
	#tabs ul{
		list-style:none;
		margin:0;
		padding:0 15px 30px;
	}
		#tabs ul li{
			display:inline-block;
			padding:0 5px 10px;
		}
			#tabs .btn{
				font-size:100%;
			}
@media screen and (max-width:640px){/* Xiaomi Landscape */
	#tabs ul li{
		padding:0 2px 10px;
	}
}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	#tabs ul li{
		width:47%;
	}
		#tabs ul li .btn{
			width:100%;
		}
}

/*-------------------------------------------
process
-------------------------------------------*/
#process section{
	margin-bottom:30px;
}
	#process figure{
		margin:0;
	}
		#process figure img{
			display:block; 
			max-width:100% !important;
			height:auto !important;
			margin:10px auto;
		}

/*-------------------------------------------
use
-------------------------------------------*/
#content-container article.use{
	min-height:200px;
}
.use-important{
	background-color:#ffffe5;
	border:2px solid #f7ce7d;
	border-radius:5px;
	color:#ee6500;
	font-size:125%; font-weight:700;
	padding:15px;
	margin:0 auto 20px;
	width:calc(100% - 30px);
}
.use ul{
	list-style:none;
	margin:0 0 0 48px;
	padding:0;
}
	.use ul li{
		position:relative;
		padding:10px 0;
		color:#333;
		border-bottom:1px solid rgba(0,0,0,.1);
	}
		.use .number{
			background-color:#666;
			color:#fff; line-height:32px;
			display:inline-block;
			width:32px; height:32px;
			border-radius:50%;
			text-align:center;
			position:absolute; left:-45px; top:5px;
		}
		.use ol{
			margin:0;
			padding:0 0 0 1.4em;
		}
			.use ol li{
				padding:10px 0;
				border-bottom:none;
			}

/*-------------------------------------------
calculate
-------------------------------------------*/

/*-------------------------------------------
list
-------------------------------------------*/
#list section{
	margin-bottom:30px;
}
	#list .list{
		background-color:#fff;
	}
		#list .list thead th{
			text-align:center;
			padding:5px;
			color:#111;
			line-height:1.2;
			white-space:nowrap;
			border:1px solid #dac1a8; border-bottom:2px solid #dac1a8;
			background-color:#f0e3c4;
		}
		#list .list thead th:nth-child(1){width:80px;}
		#list .list thead th:nth-child(2){width:140px;}
		#list .list thead th:nth-child(3),
		#list .list thead th:nth-child(4){width:55px;}
		#list .list.list-rimowa thead th:nth-child(2){width:120px;}
		#list .list.list-rimowa thead th:nth-child(3){width:90px;}
		#list .list.list-rimowa thead th:nth-child(4){width:110px;}
		#list .list tbody td{
			padding:5px;
			border:1px solid #dac1a8;
		}
		#list .list tbody td:last-child{
			color:#333;
			font-size:95%;
		}
			#list .product-picture{
				margin:0 auto;
				width:60px !important;
				height:60px !important;
			}
				#list .product-picture img{
					width:100%;
				}
			#list .product-name{
				color:#000;
			}
			#list .fee{
				color:red;
			}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	#list .list{
		background-color:transparent;
	}
		#list .list thead th{
			display:none;
		}
		#list .list tbody tr{
			display:block;
			background-color:#fff;
			padding:10px;
			border:1px solid #dac1a8;
			margin-bottom:15px;
			position:relative;
		}
		#list .list tbody tr:last-of-type{
			margin-bottom:0;
		}
			#list .list tbody td{
				display:block;
				padding:0 0 5px 135px;
				border:none;
				text-align:left;
			}
			#list .list tbody td:first-of-type{
				padding:0;
			}
			#list .list tbody td:last-of-type{
				font-size:85%; line-height:1.4;
				border-top:1px solid #ddd;
				padding:10px 0 5px;
				margin-top:30px;
			}
			#list .list.list-rimowa tbody td:last-of-type{
				margin-top:10px;
			}
				#list .list tbody td:before{
					content:attr(data-th)"：";
					font-size:90%;
					color:#777;
				}
				#list .list tbody td:first-of-type:before{
					display:none;
				}
				#list .list tbody td[data-th*="租用說明"]:before{
					display:block;
					padding-bottom:5px;
				}
				#list .product-picture{
					width:128px !important;
					height:128px !important;
					position:absolute; top:10px; left:10px;
				}
}

/*-------------------------------------------
payment
-------------------------------------------*/
#payment{
	
}
.pay-type{
	list-style:none;
	margin:0;
	padding:0;
}
	.pay-type li{
		float:left;
		width:20%;
		text-align:center;
		font-size:150%; font-weight:700;
		color:#111;
		border-left:1px solid #dac1a8;
		padding:15px 20px;
		transition:.3s; -webkit-transition:.3s;
	}
	.pay-type li:nth-child(1){
		border-left:0;
	}
		.pay-type .icon{
			display:block;
			margin:0 auto 15px;
			width:80%;
			height:0;
			padding-bottom:100%;
			background-position:50% 0;
			background-repeat:no-repeat;
			background-size:contain;
		}
		.pay-type .i-cash{background-image:url(../images/payment-type-cash.png);}
		.pay-type .i-paypal{background-image:url(../images/payment-type-paypal.png);}
		.pay-type .i-allpay{background-image:url(../images/payment-type-allpay.png);}
		.pay-type .i-store{background-image:url(../images/payment-type-store.png);}
		.pay-type .i-exchange{background-image:url(../images/payment-type-exchange.png);}
		.pay-type .i-delivery{background-image:url(../images/payment-type-delivery.png);}
		.pay-type .i-card{background-image:url(../images/payment-type-card.png);}

@media screen and (max-width:736px){/* i6 Plus Landscape */
	.pay-type li{
		font-size:130%;
	}
		.pay-type .icon{
			width:100%;
			margin-bottom:10px;
		}
}
@media screen and (max-width:568px){/* i5 Landscape */
	.pay-type li{
		font-size:120%;
		padding:15px 10px;
	}
}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	.pay-type li{
		width:33.33333%;
		height:150px;
		border:none;
		padding:15px 20px;
	}
}
@media screen and (max-width:375px){/* i6,i7,i8 */
	.pay-type li{
		font-size:110%;
		padding:15px 15px;
	}
}
@media screen and (max-width:320px){/* i5 */
	.pay-type li{
		font-size:100%;
		height:130px;
	}
}

/*-------------------------------------------
take
-------------------------------------------*/
#take{
	
}
	.take-type{
		list-style:none;
		margin:0;
		padding:0;
	}
		.take-type li{
			position:relative;
			line-height:1.5;
			border-bottom:1px solid #e7e2d5;
			padding:20px 0 20px 100px;
		}
		.take-type li:first-child{
			padding-top:0;
		}
			.take-type li h3{
				margin:0;
				font-size:240%; line-height:1;
				color:#000;
				position:absolute; left:0; top:20px;
			}
			.take-type li:first-child h3{
				top:0;
			}
			.take-type li div{
				
			}
			.take-type strong{
				font-size:125%;
			}
@media screen and (max-width:375px){/* i6,i7,i8 */
	.take-type li{
		padding-left:0;
	}
		.take-type li h3{
			position:static;
			margin-bottom:20px;
		}
}

/*-------------------------------------------
faq
-------------------------------------------*/
#faq{

}
	.faq-list{
		margin:0;
		padding:0;
		list-style:none;
	}
		.faq-list li{
			position:relative;
			background-color:#fff;
			padding:20px; padding-left:55px;
			margin-bottom:20px;
			border-radius:5px;
			box-shadow: 0 0 8px rgba(0,0,0,.1);
		}
			.faq-list li h3{
				margin:0 0 10px;
				color:#111;
				font-size:125%; line-height:1.4;
			}
			.faq-list li h3 strong{
				color:#e62129;
				position:absolute; left:20px;
			}
			.faq-list li div{
				
			}
			.faq-list li div strong{
				color:#06F;
				font-size:125%; line-height:1.4;
				position:absolute; left:20px;
			}

/*-------------------------------------------
compensation, return & privacy
-------------------------------------------*/
#compensation-desc .wrapper div,
#return .wrapper div,
#privacy .wrapper div{
	width:100% !important;
	min-width:100% !important;
	max-width:100% !important;
}
	#compensation-desc div table td{
		padding:0 !important;
	}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	#return .wrapper div,
	#privacy .wrapper div{
		font-size:100% !important;
	}
		#return .wrapper div p,
		#privacy .wrapper div p{
			font-size:95% !important;
		}
		#return .wrapper div p[h2],
		#privacy .wrapper div p[h2],
		#return .wrapper div h2,
		#privacy .wrapper div h2{
			font-size:125% !important;
			color:#000 !important;
		}
}