捷運關渡站→二子坪遊客服務站※行經貴子坑露營場 起訖點捷運關渡站→二子坪遊客服務站※行經貴子坑露營場規劃第一段路線：捷運關渡站→忠義山步道口(楓丹白露)→貴子坑拓印亭[活動柱-北] →清天宮→面天坪涼亭→二子坪遊客服務站往露營場：貴子坑步道→貴子坑露營場(N:25.152194, E:121.491029)※露營場登記說明。前往前往貴子坑露營場步行距離約13公里時間7～8小時步道特色關渡夕照竹林步道難易度難適合對象體力佳者 忠義山親山步道坐落臺北藝術大學後山，多以石階為攀登路徑。林蔭密布，蟲鳴鳥叫，遮陽率達百分之九十以上，為原始幽靜之步道。登頂後，可遠望觀音山和淡水河。有人說從忠義山看觀音山，山形最美。 貴子坑地質上層為大屯火山群噴發而成火成岩，下層則為沉積岩－臺北市最古老的五指山地層，兩者形成特殊罕見的「不整合的地質構造」，可謂是最佳的戶外地質教室。 面天坪面天山與大屯山西峰間的谷地「面天坪」為昔日凱達格蘭族大屯社聚落，至今仍可見散落殘缺的遺址。沿途林相原始，古樸寧靜，其中又以竹林步道最著名。 下青礐步道生態資源豐富，視野極佳，可串聯貴子坑親山步道探索地質生態，再加上可進行賞蝶、賞鳥等自然觀察，為老少咸宜的舒適親子路線。
main {
width: 100%; height: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;
}
.person {
align-items: center; display: flex; flex-direction: column; width: 30%;
}
.container {
border-radius: 50%; height: 13.33vw;/* 使用相對於視口寬度的百分比 */
-webkit-tap-highlight-color: transparent; transform: scale(0.48); transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1); width: 26.67vw;/* 使用相對於視口寬度的百分比 */
}
.container:hover {
transform: scale(0.54);
}
.container-inner {
clip-path: path("M 39vw, 40vw C 39vw, 50.49341vw 30.49341vw, 59vw 20vw, 59vw 9.5065898vw, 59vw 1vw, 50.49341vw 1vw, 40vw V 1vw H 20vw 39vw Z"); position: relative; transform-origin: 50%; top: -6.8571vw;/* 使用相對於視口寬度的百分比 */
}
.circle {
border-radius: 50%; cursor: pointer; height: 25vw;/* 使用相對於視口寬度的百分比 */
left: 1.5vw;/* 使用相對於視口寬度的百分比 */
pointer-events: none; position: absolute; top: 14vw;/* 使用相對於視口高度的百分比 */
width: 25vw;/* 使用相對於視口寬度的百分比 */
}
.img {
pointer-events: none; position: relative; transform: translateY(2.8571vw) scale(1.15);/* 使用相對於視口寬度的百分比 */
transform-origin: 50% bottom; transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.container:hover .img {
transform: translateY(0) scale(1.2);
}
.divider {
background-color: #ca6060; height: 1px; width: 10em;
}
.name {
color: #404245; font-size: 2.25em; font-weight: 600; margin-top: 0.0625em; text-align: center; height: 3.125em;
}
.tit {
color: #6e6e6e; font-family: arial; font-size: 0.875em; padding: 5%; margin-top: 0.0625em; width: 80%; background-color: #CCC; border-radius: 0.625em;
}
.spacer {
height: 1em;
}