#langBar
{
    margin-top:15px;
    margin-bottom:15px;
}

#langBar a
{
    color:Black;
    font-weight:bold;
    
}
#langBar a:hover
{
    color:Black;
    text-decoration: none;
}
.langMid
{
    margin-left:7px;
    margin-right:7px;
}
form
{
        overflow-x: hidden;

}

body 
{
    font-family: Microsoft JhengHei;
}
h3
{
    font-weight:bold;
}
section
{
    margin:20px;
}

.navbar-inverse 
{
    background-image:none;
    background-color: white;
    border: none;
    
    /*border-bottom:4px solid #d6d6d6;*/
}
.navbar {
     border-radius: 0px;
     border-top:6px solid #202a67;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
    text-shadow:none;
}
.navbar-inverse .navbar-nav>li>a {
    color: #202a67;
    font-weight:bold;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #202870;
    font-weight:bold;
}
.navbar-inverse .navbar-nav>li>a:focus {
    color: #202870;
    font-weight:bold;
}
.navbar-nav {
    float:none;
    margin:0 auto;
    display: block;
    text-align: center;
}

.navbar-nav > li {
    display: inline-block;
    float:none;
}

.footer .container
{
    margin-top:40px;
    padding-top:40px;
    padding-bottom:40px;
    border-top: 1px solid #202a67;
    color:#202a67;
}
.boxLine
{
    width:100%; height:3px; background-color:#d6d6d6;
    box-shadow:inset  0  8px 8px -8px #e5e5e5, 
                        inset  0 -8px 8px -8px #e5e5e5;
}

.navbar-toggle {

    background-color: #202a67; 

}
#fbIcon
{
    display:none;
}
#qrLogo
{
    width:100px;
    float:right;
}

@media screen and (min-width: 1200px) 
{
    .container {
    width: 1000px;
    }
}
@media screen and (min-width: 1000px) 
{
    .container {
    width: 1000px;
     }

}
@media only screen and  (max-width: 770px) 
{
    .navbar-nav > li {
    display: block;
    float: none;
    }

    #langBar {
         text-align: center;
         margin-top:0px;
         margin-bottom:20px;
    }
    #fbIcon {
        display: block;
    }
    #socialBar {
         display:none;
    }   
    #newsBox 
    {
        height:auto;
    }
    #promoBox {
        height:auto;
    }
    .bookContainer
    {
        padding-top:60px;
    }
    #eventsContainer div
    {
        padding-left:0px;
        padding-right:0px;
        padding-bottom: 20px;
    }
    #releateContainer {

    padding-top: 35px;
    padding-bottom: 35px;
    }
    #releateContainer img {
    margin-bottom:35px;
    margin-right: 0px;
    }   
    .eventContainer img {
        width: 300px;
        height: 300px;
    }
    .eventTitle 
    {
        width:300px;
    }
    section
    {
        text-align:center;
    }
    .newsItem
    {
        /*text-align:left;*/
    }
    .bookTitle
    {
        text-align:center;
    }
    footer .text-right
    {
        text-align:left;
    }
    #copyRight
    {
        text-align:left;
    }
         #qrLogo
     {
         display:none;
     }
}