:root {
    --line-color: #a69d7c;
    --title-color: #f5e0c9;
}

[color="blue"] {
	color: #007bff;
}
.tooltip-inner {
	color: #212d33 !important;
	background-color: gold !important;
	letter-spacing: 0.5px !important;
	font-weight: bold;
}
.tooltip.show {
	opacity: 1 !important;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: gold !important;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: gold !important;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: gold !important;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: gold !important;
}


body {
	background-color: #F9FAFA;
	font-family: Microsoft JhengHei;
	position: relative;
}

input {
	background-color: #DCDCDD;
	color: #272727;
	margin-top: 10px;
	text-align: right;
	border-radius: 10px;
}

table {
    border-collapse: collapse;
    width: 100%;
    background-color: #FEFEFE; /*表格背景*/
}

td {
    border: 1px solid #DED2B1; /*中間表格除上方之框線*/
    text-align: left;
    padding: 5px;
    font-size: 17px;
    font-weight: 400;
}
	th {
	border: 1px solid #DED2B1;
	padding: 10px;
}

.img {
	max-width: 100%;
}

#title1 td {
    text-align: center;
    border-bottom: none;
    border-top: none;
    font-size:18px;
}

#titleMobile td {
	text-align: center;
	border-bottom: none;
	border-top: none;
	font-size: 18px;
}

#titlePC td {
	text-align: center;
	border-bottom: none;
	border-top: none;
	font-size: 18px;
}

#title {
    background-color: #f5e0c9;
    text-align: center;
}


.open-result {
	color: red;
	font-size: 110%;
	font-weight:bold;
	letter-spacing: 1px;
}


.pa {
	width: 100px;
	padding: 0;
	white-space: nowrap;
}

#title2 {
    width: 100px;
    background-color:#f5e0c9;/*中間表格;*/
    padding: 0;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}

#title3 {
    background-color: #f5e0c9; /*下方表格*/
    padding: 15px;
    padding: 15px;
    text-align: center;
    font-weight: 700;
}

.linkTxt {
	margin-top: -120px;
	left: 200px;
	font-size: 20px;
}

.gold-diamond-member {
	background-color: #5A5854;
	border: 1px solid #5a5854;
	background-color: #444444;
	border: 1px solid #444444;
}


h5 {
	color: #272727;
	font-weight: 600;
	margin: 5px;
}

.btn a {
	color: #5A5854;
}

.btn-text a {
	color: #F9FAFA;
	font-size: 14pt;
}

.btn-text {
	text-align: center;
}

.carousel-inner img {
	width: 100%;
	height: 100%;
}

.quotes-link {
	text-align: center;
	color: #ffffff;
}

	.quotes-link a {
		background: white;
		border-radius: 12px;
		padding: 5px 0;
		margin: 5px 0 25px;
	}

	.quotes-link img,
	.quotes-link h4 {
		margin: 0;
	}

	.quotes-link img {
		max-width: 100%;
	}

	.quotes-link h4 {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #484848;
		font-weight: bold;
	}

.container-fluid-detail {
	padding-left: 15px;
	padding-right: 15px;
	max-width: 1200px;
	margin: 0 auto;
}

.item-detail-building {
	margin: 0;
	margin-bottom: 10px;
	text-align: right;
	display: inline-block;
	font-size: 19px;
	margin: 0;
}

.total-size,
.detail-main th,
.item-detail-title,
.item-detail-address {
	font-weight: bold;
}

.detail-main {
	text-align: center;
}

.item-detail-title {
	font-size: 20px;
	white-space: nowrap;
	margin:0;
}

.item-detail-address {
	font-size: 24px;
	margin: 3px 0;
}
.favorite-point {
	padding: 5px;
	color: #3c525f;
}
	.favorite-point i {
		color: #0095ff;
		font-style: normal;
		letter-spacing: 0.5px;
	}

span[class^="highlight"] {
	display:none;
}
span[class^="popularity"] {
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	vertical-align: bottom;
	border-radius: 2.5px;
	overflow: hidden;
	display: inline-flex;
	border: solid 1px #ff6582;
	position: relative;
	top: -2px;
	left: -10px;
	line-height: 0;
}
	span[class^="popularity"] b {
		background: #fff;
		padding: 0px 3px;
		color: #ff6582;
		border-right: none;
		display: inline-block;
		font-size: 80%;
		vertical-align: middle;
		height: 19px;
		line-height: 19px;
	}
	span[class^="popularity"] i {
		background: #ff6582;
		padding: 0px 7px;
		font-style: normal;
		display: inline-block;
		height: 19px;
		line-height: 19px;
		vertical-align: middle;
	}
.popularity-mobile {
	display:none!important;
}
.popularity-desktop {
	display: inline-block!important;
}

.detail-main th, .detail-main th span {
	font-size: 19px !important;
	white-space: nowrap;
	font-weight: bold;
}

.total-size {
	color: crimson;
	text-align: right;
	margin: 0;
	display: inline-block;
}

.detail-info {
	line-height: 1.6rem;
	position: relative;
}

	.detail-info br {
		display: block;
		margin: 2px 0 0 0;
		content: " ";
		vertical-align: -15px;
	}

	.detail-info #contentRecord i {
		font-style: normal;
		display: block;
		margin-top: 15px;
	}
	/* 拍賣紀錄 & 土地漲價總額 */
	
	.detail-info .increase br {
		margin:0;
		vertical-align: 0;
	}
    .detail-info .record br {
        margin:0;
        vertical-align: 0;
    }


    .detail-info .record br:last-of-type {
        display: none;
    }

.container-fluid-detail .rwd-table td span i {
	font-style: normal;
}
.container-fluid-detail .rwd-table td:before {
	display: none;
}

.photo-area img {
	max-width: 100%;
}

.features-item .btn {
	display: inline-block;
	padding: 0;
	box-shadow: none;
	background: white;
	border-radius: 12px;
	width: 100%;
}
.features-item .btn-text {
	margin-bottom: 25px;
	display: inline-block;
	width: 14.25%;
	margin: 1.2%;
	float: left;
}

.features-item .btn img {
	height: 70px;
	width: auto;
}

.features-item .btn h5 {
	color: #212529;
	font-size: 18px;
	margin: 6% 0;
	letter-spacing: -0.5px;
	font-weight: bold;
}

.quotes-link:hover h4,
.features-item .btn:hover h5 {
	color: #007bff;
}
	.features-address {
	margin: 0;
}
.features-item .btn:disabled:hover h5 {
	color: #212529;
}


.title-increase {
	line-height: 1rem;
}

.detail-carousel {
	width: 75%;
	margin: 0 auto;
}
.font-link, .font-link-1, .font-link-2 {
    text-decoration: underline;
    text-underline-position: under;
    cursor: pointer;
    color: #007bff;
    z-index: 30;
    position: relative;
}


.font-link:hover {
    color: #0056b3;
}
.font-link-red {
	text-decoration: underline;
	text-underline-position: under;
	cursor: pointer;
	color: red;
}

	/*
	法條視窗
*/
	.Legal-content .modal-content {
    background-clip: border-box;
    border: 8px solid #ffca72;
    border-radius: 0;
}
.Legal-content .modal-header {
	padding-bottom: 0;
	border-bottom: none;
}
.Legal-content .modal-title {
	font-weight: bold;
	margin: 0;
	color: #007bff;
}
/*
	投標時間倒數
*/
.clock {
	left: -3px !important;
	border-color: #0bb2b3 !important;
}
	.clock b {
		color: #0bb2b3 !important;
	}
	.clock i {
		background: #0bb2b3 !important;
	}

	/*
	RWD
*/
@media screen and (max-width:1210px) {
	.item-detail-address {
		font-size: 1.95vw;
	}
		.item-detail-building, .total-size {
		font-size: 1.6vw;
	}
}
	@media screen and (max-width: 991px) {
		.clock {
			left: 10px !important;
			margin-right: 15px;
		}

		.section-custom {
			line-height: 1.25rem;
		}

		.font-link.small {
			font-size: 100%;
		}
		span[class^="highlight"] {
			left: 0;
			top: 0;
			margin-top: 28px;
			margin-left: -75px;
			float: left;
		}
		.highlight-mobile {
			display: inline-block !important;
			font-size: medium;
			font-weight: bold;
			color: red;
		}
		.highlight-desktop {
			display: none !important;
		}

		span[class^="popularity"] {
			left: 0;
			top: 0;
			margin-bottom: 4px;
			float: left;
		}

		.popularity-mobile {
			display: inline-block !important;
		}

		.popularity-desktop {
			display: none !important;
		}

		.detail-info .record br {
			margin: 15px 0;
			vertical-align: -15px;
		}

		.quotes-link h4 {
			font-size: 20px;
			white-space: inherit;
			text-overflow: unset;
		}

		.quotes-link img {
			max-width: initial;
			height: 80px;
		}

		.item-detail-title {
			font-size: 17px;
			margin: 0;
			border-bottom: none;
			margin-top: 5px;
		}

		.item-detail-address {
			font-size: 17px;
			white-space: inherit;
			padding: 0;
			color: #007bff;
		}

			.item-detail-address span {
				display: none;
			}

		.detail-main th {
			white-space: normal;
		}

		.container-fluid-detail .rwd-table thead {
			display: none;
		}

		.container-fluid-detail .rwd-table th {
			display: none;
		}

		.container-fluid-detail .rwd-table #title1 td {
			display: block;
			padding: 0;
			width: 100%;
			float: left;
			min-height: 30px;
			line-height: 30px;
			text-align: left;
			letter-spacing: inherit;
		}

		.container-fluid-detail .rwd-table #titleMobile td {
			display: block;
			padding: 0;
			width: 100%;
			float: left;
			min-height: 30px;
			line-height: 30px;
			text-align: left;
			letter-spacing: inherit;
		}

		.container-fluid-detail .rwd-table #titlePC td {
			display: block;
			padding: 0;
			width: 100%;
			float: left;
			min-height: 30px;
			line-height: 30px;
			text-align: left;
			letter-spacing: inherit;
		}

        .container-fluid-detail .rwd-table td span[data-th] {
            display: block;
            border-bottom: solid 1px var(--line-color); /*上方表格框線下#ded2b1*/
            min-height: 30px;
            max-height: 30px;
            box-sizing: content-box;
        }

		/*.container-fluid-detail .rwd-table td:last-child span:last-child {
			border-bottom: none;
		}*/

        .container-fluid-detail .rwd-table td span[data-th]:before {
            content: attr(data-th) " ";
            font-weight: bold;
            display: block;
            font-size: 15px;
            height: 23px;
            line-height: 23px;
            background:var(--title-color);/*上方表格抬頭#f5e0c9*/
            width: 35%;
            float: left;
            box-sizing: border-box;
            text-align: right;
            padding-right: 10px;
            margin-right: 10px;
            border-right: solid 1px #ded2b1;
            /*border-right: solid 1px #949494;*/
            color: black;/*#343a40;*/
        }

		#title1 {
			border: solid 1px #ded2b1;
			/*border: solid 1px #949494;*/
		}

			#title1 td {
				border: none;
			}

        #titleMobile {
            border: solid 1px #bfb68f; /*左邊表格線條#ded2b1*/
            /*border: solid 1px #949494;*/
        }

			#titleMobile td {
				border: none;
			}

        #titlePC {
            border: solid 1px var(--line-color); /*上方表格左右框線#ded2b1;*/
            /*border: solid 1px #949494;*/
        }

			#titlePC td {
				border: none;
			}


		.container-fluid-detail .rwd-table td:nth-child(2n+2) {
			border-left: none;
		}

		.pa {
			min-width: inherit;
			width: 100%;
		}

		.detail-info td {
			display: block;
			padding: 5px 10px;
			font-size: 15px;
		}


		.title-increase br {
			display: none;
		}

		#title2, #title3 {
			width: 100%;
			display: block;
			font-size: 15px;
			height: 30px;
			line-height: 30px;
			border-bottom: none;
			border-top: none;
			padding: 0;
		}

		.title-diamond {
			border-top: none;
			border-bottom: none;
		}

		.detail-info .record {
			padding-top: 5px;
		}


		.detail-info td.gold-diamond-member {
			padding: 0;
		}

		.features-address {
			margin: 10px 0 0;
			padding: 0 10px;
		}

		.quotes-link {
			padding-left: 10px;
			padding-right: 10px;
			text-align: left;
			margin-bottom: 10px;
		}

			.quotes-link a {
				margin: 0;
				border-radius: 6px;
				padding: 10px 0;
			}

			.quotes-link img {
				height: 50px;
				position: relative;
				left: -5px;
			}

			.quotes-link h4 {
				font-size: 17px;
				position: relative;
				left: 5px;
				top: 10px;
			}

			.quotes-link p {
				position: absolute;
				top: 2px;
				left: 16.666667%;
				margin-left: 20px;
				color: #484848;
				font-size: 12px;
			}

		.item-detail-building,
		.total-size {
			font-size: 16px;
			height: 25px;
			line-height: 24px;
		}

        .detail-info {
            line-height: 1.3rem;
            border-top: solid 1px var(--line-color);/*中間表格框線#ded2b1;*/
            margin-top: 5px;
        }

		.detail-carousel {
			width: 100%;
		}

		.features-item.no-gutters {
			margin-right: 5px;
			margin-left: 5px;
		}

		.features-item .btn-text {
			width: calc(33.333% - 10px);
			margin: 0 5px 10px;
			border-right: solid 1px #5a5854;
			border: none;
		}

		.features-item .btn {
			padding: 0;
			border-radius: 6px;
			width: 100%;
		}

			.features-item .btn img {
				height: 40px;
				position: relative;
				top: 3px;
			}

			.features-item .btn h5 {
				font-size: 16.5px;
				margin: 8px 0;
				white-space: nowrap;
				min-height: 19px;
			}

		.favoriteDelete.btn-bottom,
		.favoriteAdd.btn-bottom,
		.favorite-point.btn-bottom {
			display: none;
			height: 0 !important;
			opacity: 0;
			position: fixed !important;
			bottom: 0px;
			right: 88px !important;
			z-index: -100;
		}
	}

	@media screen and (max-width: 360px) {
		.detail-main,
		.detail-info {
			margin-left: -8px;
			width: 96vw;
		}

		#title1:before {
			right: 7px !important;
		}

		#titleMobile:before {
			right: 7px !important;
		}

		#titlePC:before {
			right: 7px !important;
		}
		.item-detail-building,
		.total-size {
			font-size: 15px;
		}

		#Detail .detail-main td {
			font-size: 16px !important;
		}

		.features-item .text-x-small, .features-item .btn:disabled h5 {
			font-size: 14px !important;
		}

		.favorite-point {
			font-size: 4.5vw;
			left: -12px;
		}
	}
	/* ------------------------------- */
	/*  詳表版型 : 兩排版本 - for手機版  */
	@media screen and (max-width: 991px) {
        .font-link-1 {
            font-size: 10px;
            bottom: 5px;
        }

        .font-link-2 {
            bottom: 0px;
            font-size: 10px;
        }
		.container-fluid-detail .rwd-table #title1 td {
			display: initial;
			float: none;
			text-align: center;
			margin-left: auto;
			min-height: inherit;
			line-height: inherit;
		}

		.container-fluid-detail .rwd-table #titleMobile td {
			display: initial;
			float: none;
			text-align: center;
			margin-left: auto;
			min-height: inherit;
			line-height: inherit;
		}
		.container-fluid-detail .rwd-table #titlePC td {
			display: initial;
			float: none;
			text-align: center;
			margin-left: auto;
			min-height: inherit;
			line-height: inherit;
		}
		.container-fluid-detail .rwd-table td span[data-th]:before {
			width: 100%;
			float: none;
			text-align: center;
			border-right: none;
			padding-right: 0;
			margin-right: 0;
		}

        .container-fluid-detail .rwd-table td span[data-th] {
            width: 50%;
            float: left;
            min-height: inherit;
            max-height: inherit;
            margin-bottom: -1px;
            border-top: solid 1px var(--line-color); /*上方表格框線#ded2b1*/
            white-space: nowrap;
        }

		#title1 {
			border-top: none;
		}
		#titleMobile {
			border-top: none;
		}
		#titlePC {
			border-top: none;
		}

		/*#title1:before {
			content: " ";
			border-right: solid 1px #ded2b1;
			height: 100%;
			position: absolute;
			left: 50%;
			top: 0;
		}
	.container-fluid-detail .rwd-table td span[data-th="拍次"] {
		max-height: 65px;
	}
		.container-fluid-detail .rwd-table td span[data-th="拍次"] a {
			line-height: 41px;
		}
	.container-fluid-detail .rwd-table td span[data-th="投標時間"] {
		border-top: none;
		max-height: 20px;
		line-height: 17px;
	}
	.container-fluid-detail .rwd-table td span[data-th="投標時間"]:before {
		display: none;
	}*/
        .container-fluid-detail .rwd-table td span[data-th="實價交易"] {
            width: 100%;
            z-index: 10;
            position: relative;
        }
		/* ------------------------------- */
		/*  詳表版型 : 三排版本 - for手機版  */
		.container-fluid-detail .rwd-table td span[data-th] {
			width: 33.333%;
			border-right: solid 1px #ded2b1;
			box-sizing: border-box;
			height: 55px;
			line-height: 30px;
		}

		#title1:before {
			content: " ";
			border-right: solid 1px #fefefe;
			height: 100%;
			position: absolute;
			right: 16px;
			top: 0;
		}

		#titleMobile:before {
			content: " ";
			border-right: solid 1px #fefefe;
			height: 100%;
			position: absolute;
			right: 16px;
			top: 0;
		}

		#titlePC:before {
			content: " ";
			border-right: solid 1px #fefefe;
			height: 100%;
			position: absolute;
			right: 16px;
			top: 0;
		}
		.container-fluid-detail .rwd-table td span[data-th="實價交易"] {
			/*width: 66.666% !important;*/
		}
		.container-fluid-detail .rwd-table td span[data-th="社區名稱"] {
			width: 100% !important;
		}

		/*.container-fluid-detail .rwd-table td span[data-th="建坪"],
		.container-fluid-detail .rwd-table td span[data-th="地坪"],
		.container-fluid-detail .rwd-table td span[data-th="房屋單價"],
		.container-fluid-detail .rwd-table td span[data-th="土地單價"] {
			width: 50% !important;
		}*/

        td {
            border: 1px solid var(--line-color); /*中間表格除上方之框線#DED2B1*/
            text-align: left;
            padding: 5px;
            font-size: 17px;
            font-weight: 400;
        }

        #title2 #title3{
            background-color:var(--title-color); /*中間表格#f5e0c9;*/
        }

	}

.record a:link {
    color: #0857ad;
    background-color: transparent;
    text-decoration: none;
    font-size: large;
}
/*
.record a:visited {
	color: pink;
	background-color: transparent;
	text-decoration: none;
}*/

.record a:hover {
    color: #072175;
    background-color: transparent;
    text-decoration: none;
    font-size: large;
}

/*
.record a:active {
	color: yellow;
	background-color: transparent;
	text-decoration: underline;
}*/