.title{
        margin-top:10px;
        font-family: '微軟正黑體', Arial, Helvetica, sans-serif;
    }
    .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
        margin:0 auto;
    }
    .btndw{
        width:50%;
        margin:0 auto;
        margin-bottom:50px;
        font-size:20px;
    }

    nav {
        height:60px;        
    }
    nav .navbar-toggle{
        margin-top:14px; 
    }
    nav .collapse{
        margin-top:8px;
        margin-right:20px;
    }
    .navbar-inverse .navbar-nav > li > a{
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
    }
    .navbar-brand{
        padding:0px;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
        background-color:#000; 
        padding-right: 15px;
        padding-left: 15px;
    }
    .container-fluid{
        margin-top:60px;
    }
    
    footer{
        background-color:#151515;
        padding:16px;
        font-size: 13px;
        color: #CCCCCC;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        line-height: 30px;
    }


@media screen and (max-width: 768px) {
    nav .collapse{
        margin-top:0px;
        margin-right:0px;
    }    
    .navbar-inverse .navbar-nav > li > a{        
        text-align: center;
        color:#fff;
    }
    .navbar-inverse .navbar-nav > li > a:hover{
        background-color:#fff;
        color:#000;                
    }

    .btndw{
        width:90%;
        margin:0 auto;
        margin-bottom:50px;
    }
    

}