.about1 .container,.about4 .container{

	padding: 30px 0 80px;

	letter-spacing:2pt;

	line-height:180%;

	color:#1F1F1F;

	text-align:left;

}

.edi{

	width: 283px;

	float: left;

	border-top: solid #010101 2px;

	padding-top: 15px;

	margin-right: 70px;

}

.edi2{

	width: 283px;

	border-top: solid #010101 2px;

	padding-top: 15px;

	margin-left: 70px;

	float: right;

	order: 2;

}

.edi_title1{

	color: #000000;

	font-size:30px;

	letter-spacing:9pt;

	line-height:120%;

	text-align: left;

	font-family: 'cwTeXFangSong','Microsoft JhengHei';

	font-weight: normal;

	margin-top: 0px;

	

}

.title_box{

	position: relative;
	display: flex;   
    justify-content: center;

}

.content-sub-title2{

	position: absolute;

	top: 40px;
	min-width: 260px;
	display:inline-block;
	
	font-family: 'cwTeXFangSong','Microsoft JhengHei';

	font-size:32px;

	letter-spacing:9pt;

	line-height:120%;

	color:#fff;

	padding-bottom: 30px;

	border-bottom: solid #fff 2px;

	text-align: center;

}



.cycle_row{

 	text-align: center;

 	margin: 25px auto;

}

.cycle_row .cycle_col{

	display: inline-block;

	margin:15px auto;

	width: 28%;

	margin: 0 2.5%;

	vertical-align: text-top;

}

.cycle_row .cycle_col:nth-child(3n+1){

	clear: both;

}

.cycle_row img{

	margin-top: -30px;

	

}

.cycle{

    border: solid 2px #a40000;
    border-radius: 50%;
    display: inline-block;
    height: 137px;
    width: 137px;
    line-height: 1.5;
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 0;
    font-family: 'cwTeXFangSong','Microsoft JhengHei';
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 5pt;
    display: flex;
    align-items: center;
    justify-content: center;
	 margin: auto;
}

.cycle_row p{

	text-align: justify;

}

.about2 .row .col{

	text-align: justify;

}

.about2 .table h4{

	margin-bottom: 0;

	line-height: 47px;

	border-bottom: solid 1px #010101;

	font-size:25px;

	letter-spacing:6pt;

	font-family: 'cwTeXFangSong','Microsoft JhengHei';

	font-weight: normal;

}

.about2 .table{

	padding: 0 40px ;

}

.about2 .table .row{

	line-height: 47px;

}

.about2 .table .row:not(:last-child){

	border-bottom:dashed 1px #010101;

}

.about2 .table .col1{

	text-align: center;

	font-size:16px;

	letter-spacing:3pt;

	color:#1F1F1F;

	font-weight: bold;

}

.about2 .table .col4{
    border-left: solid 1px #010101;
    padding-left: 15px;
    letter-spacing: 3pt;
    color: #666666;
    line-height: 1.4;
    padding: 12px 0px 12px 15px;

}



.content-sub-title3{

	position: absolute;

	top: 70px;

	left:0;

	right: 0;

	width: 100%;

	font-family: 'cwTeXFangSong','Microsoft JhengHei';

	font-size:32px;

	letter-spacing:9pt;

	line-height:120%;

	color:#fff;

	padding-bottom: 30px;

	text-align: center;

}

.content-sub-txt{

	position: absolute;

	width: 1000px;

	top: 150px;

	text-align: center;

	left: calc(50% - 500px);

	color:#fff;

	letter-spacing:3pt;

	line-height:180%;



}

.about4 .col2.text-justify{

	padding-right: 40px;

}



.bg_gray1{

	background: #F3F3F3;

}

.person{

	padding:40px 0 120px;

}

.person .edi_title1{

	color: #000000;

	font-size:32px;

	letter-spacing:9pt;

	line-height:120%;

	text-align: left;

	font-weight: normal;

	margin-top: 0px;

	border-top: solid #010101 2px;

	padding-top: 15px;

	margin-top: 30px;

}

.person h4{

	text-align: left;

	font-family: 'cwTeXFangSong','Microsoft JhengHei';

	font-size:25px;

	letter-spacing:6pt;

	line-height:120%;

	font-weight: normal;

}

.person h5{

	letter-spacing:2pt;

	line-height:180%;

	font-weight:normal;

	font-size: 15px;

}

.person .row:nth-child(3) .col2:nth-child(1){

	order:2;

	text-align: right;

}

.person .row + .row{

	margin-top: 30px;

}

.col{

	position: relative;

}

.aboutline {

    background-image: url(../../images/common/about/line.png);

    background-repeat: no-repeat;

    background-size: 73px 181px;

    width: 73px;

    height: 0;

	overflow: hidden;

    margin: 30px 0 30px 120px;

    transition: all .5s ease;

    position: absolute;

}

.aboutline2 {

    margin: 30px 0 30px 300px;

}

.aboutline.animated{

	height: 181px;

}
/*參觀資訊*/

.tag{
	background: #B69A7A;
	padding:0px 20px;
	display: inline-block;
	color: #fff;
	line-height: 30px;
}
.sub_title1{
	font-size:22px;
	letter-spacing:3pt;
	margin:-18px 0;
	font-weight: normal;
}
.sub_content1{
	font-size:16px;
}
.list{
    list-style-image: url('../../images/common/about/icon.png');
    list-style-position: inside;
    padding-left: 0;
}
.list li{
	text-indent: -1.4em;
    padding-left: 1.8em;
}
.info{
	padding:50px 0;
}
.traffic{
	display: inline-block;
	margin-bottom: 12px;
}
.traffic p{
	margin: 5px 0;
}
.info2 .row .col{
	order:1;
}
.info2 .row .edi{
    order: 2;
    margin-left: 70px;
    margin-right: 0;
}
.traffic_title{
	font-size:18px;
	letter-spacing:2pt;
	line-height:130%;
	font-family: 'Playfair Display', serif;
	color:rgb(182,153,121);
	border-top: 2px solid #B69A7A;
	padding:0 30px 0 3px;
}
.map {
    height: 60vh;
}
.info3 .edi_title1{
    border-top: solid #010101 2px;
	    padding-top: 15px;
}
.info3 .edi {
    border-top: none;
}
.content_title{
    font-size:20px;
    letter-spacing:3pt;
    line-height:180%;
    color:rgb(182,153,121);
    text-align:center;
}
.content_title span{
    display: flex;
    align-items: center;
}
.content_title span:before{
	content: '';
	display: inline-block;
    width: 22px;
    height: 55px;
    margin:0 8px;
    background: url('../../images/common/about/icon_left.png');
}
.content_title span:after{
	content: '';
	display: inline-block;
    width: 22px;
    margin:0 8px;
    height: 55px;
    background: url('../../images/common/about/icon_right.png');
}
.img_row {
	padding:0;
}
.img_row .col{
	padding-right: 30px;
	padding:10px 30px 10px 0;
}
.dotted{
	border-bottom: #000000 dotted 1px;
	margin:30px 0 50px;
}
/*!參觀資訊*/
@media screen and (max-width: 1200px) {

	.about2 .table {

	    padding: 0 20px;

	}

}

@media screen and (max-width: 960px) {
	.title_box{
		display:block;
	}

	.about1 .container, .about4 .container{
		padding: 30px 0 30px;
	}
	.edi ,.edi2{

	    width: 100%;

	    margin: 0;

	}
	.info2 .row .edi{
    order: 2;
    margin-left: 0px;
    margin-right: 70px;
}

	.aboutline.animated{

		height: 0;

	}

	.person .col2{

		text-align: center;

	}

	.about2 .table{

		padding:0;

	}

	.about2 .table .col4 {

    border-left: none;

    padding-left: 0;

    text-align: center;

	}

    .cycle_row .cycle_col{

    	width: 42%;

    }

    .content-sub-title3{

    	top: 20px;

    }

    .content-sub-txt{

    	top: 60px;
		width:100%;
		left:0;
		padding:0 15px;
		box-sizing:border-box;

    }

    .main-content {

	    padding: 0 0 10px;

	}
	/*參觀資訊*/
	.nav li {
	    margin: 0 15px;
	}
	.info {
	    padding: 15px 0;
	}
	.content_title span{
		 float: left;
	    letter-spacing: 0;
	    font-size: 15px;
	}
	.content_title:after {
	    content: '';
	    display: table;
	    clear: both;
	}
	.sub_content1{
		font-size: 13px;
	}
	.sub_title1{
		margin:10px auto;
	}
	.dotted {
	    border-bottom: #000000 dotted 1px;
	    margin: 10px 0 5px;
	}
	/*!參觀資訊*/

}

@media screen and (max-width: 600px) {
		.content-sub-title2{
		padding-bottom:10px;
		top:10px;
	}
	.cycle_row .cycle_col{

    	width: 98%;

    }

}