@charset "utf-8";
/* CSS Document */

.album .title {
    color: #3153ba;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    font-family: "Microsoft JhengHei";
    font-size: 120%;
    padding: 5px 0 10px 0;
    /* height: 11%; */
}

.album .title::after {
    content: "";
    width: 7px;
    height: 22px;
    display: block;
    background-color: #fc961a;
    margin: 5px auto 0 auto;
}
.album .more{
    display: block;
    text-align: center;
    padding: 20px 0 0 0;
}
.album .more a{
    color: #6c6c6c;
    padding: 20px 40px 10px 40px;
    display: inline-block;
    border-bottom: 1px #b9b9b9 solid;
    position: relative;
    letter-spacing: 2px;
    text-decoration: none;
}
.album .more a:hover{
     color: #773683;
}
.album .more a:hover::after {content: "";width: 100%;}

.album .more a::after {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #773683;
    display: block;
    right: 0;
    bottom: -1px;
    width: 0;
    transition: all 200ms ease-out;
}
.album .more a:hover::before {border-color: transparent transparent transparent #773683;}

.album .more {
    display: block;
    padding: 10px 0 0 0;
}

.album .more a::before {content: "";width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 9px;border-color: transparent transparent transparent #6b6b6b;position: absolute;right: 15px;top: 50%;}

.album .slick-slide img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    box-shadow:  -7px -7px 2px rgba(51,51,51,0.27);
    -webkit-box-shadow: -7px -7px 2px rgba(51,51,51,0.27);
    -moz-box-shadow: -7px -7px 2px rgba(51,51,51,0.27);
}

.album .slick-slide p {
    /* position: absolute; */
    width: 100%;
    padding: 20px 10px;
    display: block;
    bottom: 0;
    color: #000;
    text-align: center;
    font-size: 110%;
    letter-spacing: 1px;
    margin: auto;
    z-index: 999;
    left: 0;
}
.album .slick-prev, .album .slick-next{
    top: 45%;
    z-index: 9;
    width: 51px;
    height: 102px;
    font-size: 0;
}

.album .slick-prev {
    left: 10px;
}

.album .slick-next {
    right: 10px;
}

.album  .slick-prev:before,.album .slick-next:before{
    opacity: 0.5;
}

.album .slick-prev:hover:before, .album .slick-prev:focus:before, .album .slick-next:hover:before, .album .slick-next:focus:before {
    opacity: 1;
}

.album .slick-prev:before, .album .slick-next:before {
    content: "";
    width: 61px;
    height: 102px;
    display: block;
}
.album .slick-next:before{
    background-image: url(../css01/images/template/slider_right.png);
}
.album .slick-prev:before{
    background-image: url(../css01/images/template/slider_left.png);
}


.album{
    position: relative;
    margin-top: -80px;
    padding: 20px 0 20px 0;
}

.album .container {
    z-index: 12;
}

.album .bg01 {
    position: absolute;
    right: 5%;
    top: 100px;
    z-index: 10;
}


.album::before {
    /* background-color: #deebf1; */
    /* content: ""; */
    display: block;
    position: absolute;
    top: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.album .slick-slide {
    position: relative;
}

.album .slick-slide > div {float: left;}



.album .album_info .album_info_title {
    color: #8b5e29;
    font-size: 170%;
    font-weight: bold;
}

.album .album_info .album_info_txt {
    padding: 5px 2px;
    font-size: 115%;
    line-height: 160%;
}



.album .album_info_more a {
    background-color: #008381;
    border-radius: 50px;
    color: #fff;
    padding: 10px 30px 10px 20px;
    position: relative;
    text-decoration: none;
    letter-spacing: 5px;
}

.album .album_info_more a:hover {
    background-color: #840404;
    letter-spacing: 2px;
}

.album .album_info_more a::before {content: "";width: 0;height: 0;border-top: solid 6px transparent;border-right: solid 7px transparent;border-bottom: solid 6px transparent;border-left: solid 7px rgba(255,255,255,0.50);position: absolute;right: 8px;top: 14px;}

.album .slick-slide .album_pic {
    margin-top: 10px;
}
@media (max-width: 1200px) and (min-width: 992px){
.album .slick-slide {/* padding: 0 0 60px 0; */}
.album .album_slider .slick-dots{
    /* margin-top: -60px; */
}

}
@media (min-width: 992px){
.album .slick-slide .album_pic {
    padding: 0 0 0 10px;
}
.album .album_info {padding: 90px 0 0 0;}
.album .album_info_more {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.album .album_slider .slick-dots{position: relative;bottom: inherit;padding: 10px 0 0 0;}
}

@media (max-width: 992px){
.album .album_slider .slick-dots{position: relative;bottom: inherit;padding: 10px 0 0 10px;/* text-align: left; */}
.album .slick-slide{padding: 10px;}
.album .album_info_more {
    padding: 15px 25px 20px 15px;
    display: inline-block;
    width: 100%;
    text-align: right;
}
.album .bg01{display: none;}
.album .album_info {
    margin-top: 10px;
}
}