.main-sect { /* main的section */
	padding: 40px;
	text-align: center;
}
.album-sect-1 {  /* 相簿的第一個區塊(也只有一個) */

}
.album-sect-title-1 { /* 相簿的標題 */
    display: none; /* 本頁沒有標題(與其他頁面不同) */
    /* width: 100%;
    margin-bottom: 40px;  
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #e0e0e0; */
}
/* 相簿連結清單 */
.album-select { /* 相簿連結選單 (偽裝選單容器) */
    position: relative;
}
.album-head { /* 目前相簿的名稱 仿相簿的標題樣式 */
    position: relative;
    width: 100%;
    margin-bottom: 40px;  
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}
.album-head::after { /* 目前相簿的名稱 仿相簿標題的右側箭頭 */
    position: absolute;
    content: '';
    display: block;
    width: 24px;
    height: 14px;
    top: 12px;
    right: 12px;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.album-select.active .album-head::after {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.album-list { /* 相簿連結選單(ul容器[預設隱藏]) */
    display: none;
}
.album-select.active .album-list { /* 相簿連結選單(ul容器) */
    position: absolute;
    display: block;
    width: 100%;
    top: 2.5rem;
    border: 1px solid #e0e0e0;
    border-bottom: 2px solid rgba(180,180,180,.5);
    box-shadow: 0px 4px 3px rgba(180,180,180,.5);
    z-index: 500;
}
.album-list li { /* 相簿連結選單 */
    width: 100%;
    height: 32px;
    line-height: 32px;
    background-color: #FFF;
}
.album-list .active { /* 當前相簿的顯目 */
    background-color: #f0f0f0;
}
.album-list a { /* 相簿連結選單(連接區塊) */
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
}
.album-list a:hover { /* 相簿連結選單(連接區塊:hover) */
    color: #000;
    background-color: #f0f0f0;
}

/* 相片圖文清單 */
.photos-list { /* 相片圖文清單(ul容器) */

}
.photos-list::after { /* clear */
    content: '';
    display: block;
    clear: both;
}
.photos-list li { /* 相片圖文清單(li) */
    float: left;
    border: 8px solid #fff;
    box-shadow: 1px 1px 4px rgba(0,0,0,.4);
    cursor: pointer;
}
.photos-list-img { /* 相片圖文清單的圖容器 */
    position: relative;
    width: 100%;
    padding-top: 62.5%;
    overflow: hidden;
    background-color: #f0f0f0;
}
.photos-list-img img { /* 相片圖文清單的圖 */
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.photos-list-txt { /* 相片圖文清單的文字主容器 */
    position: relative;
    width: 100%;
    height: 56px;
    padding: 10px 6px 6px;
    background-color: #fff;
    text-align: left;
    overflow: hidden;
}

@media screen and (min-width: 1280px) {
    .main-sect { /* main的section */
        padding: 40px 20%;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1279px) {
    .main-sect { /* main的section */
        padding: 40px 12%;
    }
}
@media screen and (min-width: 1000px) {
    .photos-list li { /* 相片圖文清單(li) */
        width: 30%;
        margin-left: 1.5%;
        margin-right: 1.5%;
        margin-bottom: 2.5%;
    }
    .photos-list li:nth-of-type(3n+1) { /* 相片圖文清單(li) */
        width: 31.5%;
        margin-left: 0;
        margin-right: 2%;
    }
    .photos-list li:nth-of-type(3n+2) { /* 相片圖文清單(li) */
        width: 31.5%;
        margin-left: .75%;
        margin-right: .75%;
    }
    .photos-list li:nth-of-type(3n+3) { /* 相片圖文清單(li) */
        width: 31.5%;
        margin-left: 2%;
        margin-right: 0%;
    }

}
@media screen and (min-width: 768px) and (max-width: 999px) {
    .main-sect { /* main的section */
        padding: 40px 5%;
    }
    .photos-list li { /* 相片圖文清單(li) */
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 2%;
    }
    .photos-list li:nth-of-type(odd) { /* 相片圖文清單(li) */
        width: 49%;
        margin-left: 0;
        margin-right: 1%;
    }
    .photos-list li:nth-of-type(even) { /* 相片圖文清單(li) */
        width: 49%;
        margin-left: 1%;
        margin-right: 0%;
    }
}
@media screen and (min-width: 768px) {

}
@media screen and (max-width: 767px) {
    .main { /* 相簿 - 空出header的空間 */
        padding-top: 44px;
    }
    .main-sect { /* main的section */
        padding: 40px 5%;
    }
    /* 相簿 的手機畫面不會有 banner (跟其他頁面不太一樣) */
    .main-sect.album-sect-1 { /* sect-1(後來才發現設計錯誤所以只能這樣改寫) */
        padding: 0 0 40px;
    }
    .album-head {
        margin-bottom: 10px;
        border-bottom: none;
    }
    .photos-list {
        width: 90%;
        margin: auto;
    }
    .photos-list li { /* 相片圖文清單(li) */
        width: 100%;
        margin-bottom: 5%;
    }
    .master-pc-banner { /* 相簿 - 不會有首頁的banner */
        display: none;
    }
    .album-head {
        font-size: 1.2rem;
    }
}