﻿.rental-description {
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}

.building-features {
	margin: 0 0 24px 0;
	padding-left: 2.2em;
}

	.building-features li {
		margin-bottom: 6px;
		padding-left: 4px;
	}

/* 手機畫面寬度不足時可以左右捲動 */
.rental-table-wrapper {
	width: 100%;
	margin-top: 20px;
	overflow-x: auto;
}

.rental-table {
	width: 100%;
	min-width: 520px;
	border-collapse: collapse;
	background-color: #fff;
}

	.rental-table caption {
		padding: 12px;
		color: #333;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}

	.rental-table th,
	.rental-table td {
		padding: 12px 16px;
		border: 1px solid #aaa;
		text-align: center;
		vertical-align: middle;
	}

	.rental-table th {
		background-color: #e8e8e8;
		font-weight: bold;
	}

	.rental-table tbody tr:nth-child(even) {
		background-color: #f8f8f8;
	}

	.rental-table tbody tr:hover {
		background-color: #f0f7fa;
	}

.rental-note {
	display: block;
	color: #666;
	font-size: 14px;
}

.price-note {
	margin-top: 10px;
	color: #666;
	font-size: 14px;
}

@media screen and (max-width: 600px) {
	.rental-description {
		font-size: 15px;
	}

	.rental-table th,
	.rental-table td {
		padding: 9px 10px;
	}
}


/* 租賃頁面外層 */
#R {
	min-width: 0;
}

.rental-content-table {
	width: 100%;
	max-width: 632px;
}

.rental-info-table {
	width: 100%;
	max-width: 690px;
}

.rental-main-image {
	display: block;
	width: 100%;
	max-width: 600px;
	height: auto;
	margin: 0 auto;
}

.rental-info-tail {
	display: block;
	width: 100%;
	max-width: 690px;
	height: auto;
}

.content-gray-15,
.rental-description {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

/* 內層資料表的捲動容器 */
.rental-table-wrapper {
	display: block;
	width: 100%;
	max-width: 100%;
	margin-top: 20px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.rental-table {
	width: 100%;
	min-width: 520px;
	border-collapse: collapse;
	background-color: #fff;
}

@media screen and (max-width: 600px) {
	.rental-content-table,
	.rental-info-table {
		width: 100%;
		max-width: 100%;
	}

	.rental-table {
		width: 520px;
		min-width: 520px;
	}

		.rental-table th,
		.rental-table td {
			padding: 8px 10px;
			font-size: 14px;
			white-space: nowrap;
		}
}