@charset "UTF-8";
body {
    position: relative;
  }
/*導覽列*/
.logo
{
    height:50px;
}
.bg-orange
{
    background:rgb(250, 91, 70);
}
.nav-link
{
    color:white!important;
    padding: 5px!important;
}
.nav-link.active
{
    background:bisque;
    color:rgba(50,50,50,1)!important;
}
.section-padding
{
    padding:150px 0;
}
/*news*/
.news-item
{
    border:none;
}
.news-text h3
{
    padding: 5px 0;
    color:palevioletred;
}
.news-img
{
    overflow: hidden;
}
.news-img img
{
    transition: all 0.3s ease-in-out;
}
.news-img:hover img
{
    transform: scale(1.4) rotate(15deg);
}
/*About*/
.bg-blue
{
    background: rgb(70, 130, 180) url(../images/bg-about.jpg) right bottom no-repeat;
    background-size:contain;
}
.about-text
{
    padding:50px;
    color:white;
}
/*menu*/
#menu h1
{
    padding-bottom:100px;
}
.grid-item
{
    padding:0;
    overflow: hidden;
}
.grid-item img
{
    transition: all 0.3s ease-in-out;
}
.grid-item:hover img
{
    transform: scale(1.4) rotate(15deg);
}
/*contact*/
.bg-contact
{
    background:url(../images/bg-contact.jpg);
    background-size: cover;
}
.bg-white
{
    background:white;
}
/*scroll up*/
.scroll-up
{    
    position: fixed;
    right:10px;
    bottom: 10px; 
    display: none;
}
.scroll-up a
{
    color:#fff;
    display: block;
    padding: 17px 25px;
    border-radius: 50%;
    background:rgb(250, 91, 70);
    font-size:20px;
}
/* Small devices (landscape phones, 576px and up)*/
@media screen and (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up)*/
@media screen and (min-width: 768px) {  }

/* Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px) {  }

/* X-Large devices (large desktops, 1200px and up)*/
@media screen and (min-width: 1200px) {
    .nav-item
    {
        width:100px;
        text-align:center;
    }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media screen and (min-width: 1400px) {  }