F.title3 h1 {
	font-size: 30px;
	color: #ffffff;
	font-weight: 400;
	text-align: center;	
	padding: 200px; 
}
@media (max-width: 768px){
.title3 h1 {
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
	padding: 200px 0 0 0;
	width:100%;
}
}
@media (max-width: 480px){
.title3 h1 {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	padding: 100px 0 0 0;
	width:100%;
}
}

.title3 {
		background-image: url("../images/index/2adobestock69176517.jpg");
		background-size: cover;
		font-size:1.2em;
		height: 600px;
		margin-bottom: 20px;
	}
@media (max-width: 768px) {
	.title3 {
			background-size: contain;
			background-repeat: no-repeat;
			width: 100%;
    		padding-bottom: -100px;		}
}
@media (max-width: 480px) {
.title3 {
		height: 300px;
		margin-bottom: 0px;
	}
}

.toc {
    width: 40%;
    margin: 15px auto;
    padding: 25px;
    border: solid 6px #e2eee8;
    color: #666;
}
@media (max-width: 768px) {
	.toc {
    width: 60%;
    margin-top: -130px;
    padding: 0 25px 25px 25px;
	}
}
@media (max-width: 480px) {
	.toc {
    width: 60%;
    margin-top: 15px;
    padding: 0 25px 25px 25px;
	}
}
.toc-1 {
    width: 40%;
    margin: 15px auto;
    padding: 25px;
    border: solid 6px #e2eee8;
    color: #666;
}
@media (max-width: 768px) {
	.toc-1 {
    width: 60%;
    margin-top: -30px;
    padding: 0 25px 25px 25px;
	}
}
@media (max-width: 480px) {
	.toc-1 {
    width: 60%;
    margin-top: 15px;
    padding: 0 25px 25px 25px;
	}
}
.toc-h{
		font-size: 1.2rem;
		font-weight: bold;
		margin-top: 15px;
	}
.toc-h a{
	color: #676767
	}
.toc a{
	color: #676767
}
	.toc ol{
		margin-top: 0;
	}
	.toc-h :hover,
	.toc li :hover{
		opacity: 0.7;
	}
.text-area{
	width: 80%;
	margin: 50px auto;
}
.header-position2-1 {
	display: inline-block;
	height: 20px;
	width: 80%;
	margin: 80px 0 0 0;
}
.header-position2-1 a {
	color: #676767
}
.details{
	width: 100%;
	margin: 0 auto;
}
.cont_block{
	margin-top: 20px;
	padding: 20px;
	background-color:#F5F5F5;
}
.cont_block a{
color: #676767;
}
.period {
	font-size: 12px;
	color: #8FBC8F;
	margin-bottom:10px;
}

.cap3{
	margin-top:60px;
}
.cap3 a{
color: #676767
}
.arrow{
	margin:20px 0 10px 50px;
	width: 30px;
	height: 30px;
}
.sum{
	margin:20px 0 0 0;
}

.feelink{
	margin:40px 0 40px 0;
	text-align: center;
    border: solid 6px #e2eee8;
    width: 450px;
}
@media (max-width: 768px) {
	.feelink {
	margin:40px;
	text-align: center;
	width: 70%;
	}
}

.title-d1 {
			background-image: url("../images/details/分筆.jpg");
			background-size: cover;
			font-size:1.2em;
			height: 600px;
			margin-bottom: 60px;
	}
.title-d2 {
			background-image: url("../images/details/地積更正.jpg");
			background-size: cover;
			font-size:1.2em;
			height: 435px;
			margin-bottom: 60px;
	}
.title-d3 {
			background-image: url("../images/details/筆界特定.jpg");
			background-size: cover;
			font-size:1.2em;
			height: 600px;
			margin-bottom: 60px;
	}
.title-d4 {
			background-image: url("../images/details/建物登記.jpg");
			background-size: cover;
			font-size:1.2em;
			height: 10%;
			margin-bottom: 60px;
	}
@media (max-width: 768px) {
	.title-d1,.title-d2,.title-d3 {
			background-size: contain;
			background-repeat: no-repeat;
			width: 100%;
			margin-bottom: 0;
		}
}
@media (max-width: 480px) {
	.title-d1,.title-d2,.title-d3 {
			font-size:1.2em;
			height: 300px;
		}
}
.title-d1 h1,.title-d2 h1,
.title-d3 h1,.title-d4 h1{
	font-size: 30px;
	color: white;
	font-weight: 400;
	text-align: center;	
	padding-top: 20%; 
}
@media (max-width: 480px) {
	.title-d1 h1,.title-d2 h1,
	.title-d3 h1,.title-d4 h1{
			font-size:1.2em;
		}
}
.tnp li{
	margin-left:20px;
}
.tnp-d{
	font-weight: bold;
}