/*---------------------------------body-------------------------------------*/

.index {
    margin: 28vmin
}

#index_top {
    background: url(../img/indextop.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 80vmin;
    font-style: italic;

}

.index .top {
    color: #ffe1f2;
    text-align: center;
    font-family: 'Concert One', sans-serif;
    font-size: 13vmin;
    letter-spacing: 4px;
    text-shadow: 1vmin 1vmin rgb(130, 114, 255);

}

.index .mid {
    color: rgb(130, 114, 255);
    text-align: center;
    font-family: '微軟正黑體', sans-serif;
    font-size: 3vmin;
    font-weight: 600;
    letter-spacing: 4px;

}

.index .mid font {
    margin: 0px 15px;
}

.index hr {
    border-top: 0.5vmin solid rgb(130, 114, 255);
    border-radius: 10px;
    width: 100%;

}

.block {
    background-color: #ffe1f2;
    width: 100%;
    height: 100%;
    padding: 6vw 15vw;
    text-align: center;
    font-family: "微軟正黑體";
    margin: 0 0 10vw 0;
}

.block h2 {
    display: block;
    color: #57436c;
    text-align: center;
    font-size: 4vmin;
    margin: 0 0 3vw 0;
    font-weight: 500;
    background-image: url("../img/underline.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}

.block p {
    color: #57436c;
    text-align: center;
    letter-spacing: 3px;
    font-size: 3vmin;
    margin: 0;


}

.name span {
    text-align: center;
    letter-spacing: 3px;
    color: #b7a6ff;
    font-size: 5vmin;
    font-family: 'Alegreya Sans SC', sans-serif;
    font-weight: 900;
}

.name .shop {
    letter-spacing: 9px;
}

.name .type {
    letter-spacing: 9px;
}

.name p {
    text-align: center;
    color: #ffffff;
    font-size: 26px;
    letter-spacing: 3px;
    font-family: 'Quicksand', sans-serif;
    background-color: #b7a6ff;
}

.name p:hover {
    background-color: #947bff;
}



.name a:hover {
    text-decoration: none;
}

.pic {
    margin: 60px 40px;
}

.down {
    margin-top: 15vw;
    background: #414141;
    max-height: 250px;
}

.down h2 {
    color: #ffffff;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    padding: 20px 0;
}

.down p {
    color: #ffffff;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    padding: 20px 0;
}

.container author {
    padding: 5vw 0;
}

.author {
    margin-bottom: 100px;
}

.col {
    border: 4px solid #D9B3FF;
}

.pad {
    padding-left: 50px;
    font-family: 'Oswald', sans-serif;
}

.pad a {
    font-family: 'Oswald', sans-serif;
}



.bg-green {
    background-color: #ffe3f4;
}

/*導覽列字顏色*/

.bg-green .navbar-nav .nav-link {
    color: #917da5;
}

/*首頁導覽列字顏色*/

.bg-green .navbar-brand,
.bg-green .navbar-text {
    color: #351a50;
    font-size: 32px;
}

.bg-green .navbar-brand:hover {
    color:  #351a50;
}

/*滑過導覽列變字顏色*/

.bg-green .nav-item.active .nav-link,
.bg-green .nav-item:hover .nav-link {
    color: #351a50;
}

/*修改子選單文字連結顏色*/

.bg-green .dropdown-item {
    color: #b599d1;
}

/*滑過子項目變底色*/

.bg-green .dropdown-item:hover {
    background-color: #917da5;
    color: #ffffff;
}

.look {
    margin: 0 auto;
}

/*---------------------------------body-------------------------------------*/