/*Font Awesome 圖標*/
@import url(font-awesome.min.css); 
/* animate.csså‹•ç•«*/
@import url(animate.css);
/* 按鈕動畫*/
@import url(hover-min.css);
/* 購物按鈕+-*/
@import url(buy_num.css);
/* 購物按鈕*/
@import url(simple-sidebar.css);
/* 購物按鈕*/
@import url(cart-slide-Menu.css);

.bg-dark{
    background-color: #222 !important;
}

a{
    text-decoration:none !important;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Noto Serif TC',serif;
    font-weight: 700;
    letter-spacing: 1px;
}

body{
    background-color: #e8e8e8;
    font-family: 'Noto Serif TC',serif;
}

.navbar-brand{
    font-weight: 700;
}

.nav-link{
    color: #333 !important;
    font-weight: 700;
}

.h1-center{
    top: 40%;
}



.titile{
    font-size: 62px;
}
.titile-pre {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 2px;
}





hr{
    width: 50px;
    border-color:#fff;
    border-style: dotted;
}
.work{
    position: absolute;
}

.works-contect{
    position: relative;
    display: none;
    bottom: 0;
}

.chang-img{
    position: relative;
    top: 0;
}

.chang-img:hover .works-contect{
    display: block;
    color: #eee;
    text-align: center;
}

.chang-img:hover .work-photo {
    background-color: #111;
    opacity: .3;
}

    
.top-line{
    border-top: 1px solid #333;
    border-top-style: dashed; 
}

.bg-tree {
    position: relative;
    z-index: 2;
    bottom: -120px;
}

.bg-tree2{
    position: relative;
    z-index: 0;
    top:0px;
    bottom:0;
}

footer{
    background-color: #333;
}



@media screen and (max-width: 600px) {
    .h1-center {
        font-size: 24px;
        top: 20%;
    }
    .titile {
        font-size: 24px;
    }
    .titile-pre {
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 1px;
    }
    .navbar-nav {
        background: #fff;
        padding: 20px;
    }
    .nav-item{
        border-bottom:1px solid #333;
        border-bottom-style: dotted;
    }
}