/*
    ammpe indexBlock CSS
*/


/* total */

.index {
    position: relative;
    padding: 0;
    font-family: "Noto Sans TC",sans-serif;
}
.index-block {
    width: 1080px;
    position: relative;
    padding: 0 1.5rem;
    background-size: auto;
    margin: 0 auto;
}
    .index-block .main-title{
        margin: 0 0 2.5rem;
    }
.activity {
    background-color: #f7f8f8;
    padding-bottom: 5rem;
}



/* carousel */

.slide {
    width: 1080px;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
}
    .carousel {
        margin: 0;
        padding: 0;
        height: 100%;
        list-style-type: none;
        overflow: hidden;
    }
    .carousel .carousel-cell {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border-left:1px solid #fff;
        border-right: 1px solid #fff;
        background-size: contain;
    }
        .carousel .flickity-page-dots {
            bottom: 15px !important;
        }
            .carousel .flickity-page-dots .dot {
                width: 1rem;
                height: 1rem;
                background: #fff;
                box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
                opacity: 1;
                margin: 0 11px;
            }
            .carousel .flickity-page-dots .dot.is-selected {
                background: #f2ca8f !important;
            }

/* about */

.index-block.about {
    color: #727171;
    padding: 2.75rem 1.5rem 5rem;
    margin: 0 auto;
}
    .index-block.about .about-detail {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
        .index-block.about .about-brand {
            margin: 0 auto 3rem;
            text-align: center;
            width: 434px;
        }
            .index-block.about .about-brand img {
                width: 100%;
                vertical-align: middle;
            }
        .index-block.about .about-title {
            font-size: 1.875rem;
            font-weight: 500;
            line-height: 1.7;
            margin: 0 0 1rem 0;
            padding: 0 3.5rem;
            text-align: center;
        }
        .index-block.about .about-content {
            font-size: 1.375rem;
            line-height: 2;
            font-weight: 300;
            text-align: justify;
            margin: 0 auto 2.5rem;
            letter-spacing: 0.01em;
            padding: 0 3.25rem;
        }

/* activity-recent */

.index-block.activity-recent {
    color: #595757;
    padding: 2.75rem 1.5rem 0;
    margin: auto;
}
    .activity-unit {
        position: relative;
        padding: 1.25rem 2.5rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        background-color: #fff;
        margin: 0 0 20px;
        outline: 2px solid transparent;
        box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
        transition: outline .25s ease-in-out;
        min-height: 340px;
    }
    .activity-unit:hover {
        outline: 2px solid #d3aa67;
    }
    .activity-unit:last-of-type {
        margin: 0 auto 2.5rem;
    }
        .activity-unit .unit-img,
        .activity-unit .unit-title,
        .activity-unit .unit-content {
            margin: 0;
        }
        .activity-unit .unit-link {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: transparent;
        }
        .activity-unit .unit-img {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 41.13%;
            flex: 0 0 41.13%;
        }
            .activity-unit .unit-img img {
                width: 100%;
                height: auto;
            }
        .activity-unit .unit-detail {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 0 0 3rem;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 58.87%;
            flex: 0 0 58.87%;
        }
            .activity-unit .unit-title {
                font-size: 1.875rem;
                line-height: 1.414;
                font-weight: 500;
                letter-spacing: 0.05em;
                color: inherit;
                transition: color .25s ease-in-out;
            }
            .activity-unit:hover .unit-title {
                color: #b28956;
            }
            .activity-unit .unit-seperate {
                height: 1px;
                width: 4.5rem;
                margin: 1.25rem auto 1rem 0;
                border: none;
                border-top: 1px solid #999999;
            }
            .activity-unit .unit-content {
                font-size: 1.375rem;
                line-height: 2;
                letter-spacing: 0.01em;
            }

/* activity-global */

.index-block.activity-global {
    color: #595757;
    padding: 5rem 1.5rem 0;
}

/* magazine */

.index-block.magazine {
    color: #595757;
    padding: 2.75rem 1.5rem 5rem;
}
    .index-block.magazine ul {
        list-style-type: none;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        padding: 0 1rem;
    }
        .mag-unit {
            text-align: center;
            font-size: 1.875rem;
            line-height: 1.2;
            font-weight: 400;
            width: auto;
            padding: 0 1rem;
            width: 33.33%;
        }
            .mag-unit figure {
                margin: 0 0 2rem;
                overflow: hidden;
            }
                .mag-unit .unit-title {
                    font-size: 1.375rem;
                    margin: 0 auto 2rem;
                }