html{height: 100%;font-size: 16px;}
body{height: 100%;font-size: 100%;font-family: Microsoft JhengHei,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.warp{min-height: 100%;padding-top: 50px;}
.navbar-white {
    background-color: #fff;
    border-color: #eee;
}
.navbar-white a.navbar-brand{
    padding: 0px;
}
.navbar-white a.navbar-brand img{
    max-height: 100%;
}
.navbar-white li a{
    position: relative;
    color: #696969;
}
.navbar-white li a:hover{
    background-color: #fff;
}
.navbar-white li a:before , .navbar-white li .in:before{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 2px;
    width: 0%;
    background-color: #fff;
    transition: all 0.5s;
    -moz-transition: all 0.5s;  /* Firefox 4 */
    -webkit-transition: all 0.5s;   /* Safari 和 Chrome */
    -o-transition: all 0.5s;
}
.navbar-white li a:hover:before,.navbar-white li .in:before{
    content: "";
    width: 100%;
    background-color: rgb(100,170,220);
}
@media (max-width: 768px){
    .navbar-white li a:hover:before,.navbar-white li .in:before{
        background-color: rgb(255,255,255);
    }
}
.footer{background-color: rgb(100,170,220);}
.about-us p{width: 280px; display: inline-block;}
.contact-us{display: inline-block;width: auto;margin: 0 auto;}
.banner img{
    width: 100%;
}
/**
* 公益名言控制圖片在64X64
**/
.classic .media-left >img{
    width: 64px;
}
ul.share li{
    height: 60px;
    width: 60px;
    border-radius: 99%;
    box-sizing: border-box;
    text-align: center;
    margin:35px 15px 0px 15px;
}
ul.share li i[class^=fa]{
    font-size: 16px;
    line-height: 60px;
}
form#join-us-form #birthday .form-group,
form#join-us-form #approved .form-group,
form#join-us-form #honor-card .form-group,
#service-date-serach .form-group,
#activity-search-date .form-group
{
    width: 100%;
    position: relative;
    padding-right: 25px;
}
form#join-us-form #birthday .form-group > span.help-block,
form#join-us-form #approved .form-group > span.help-block,
form#join-us-form #honor-card .form-group > span.help-block,
.service-date-serach .form-group > span.help-block,
#activity-search-date .form-group > span.help-block
{
    position: absolute;
    right: 0px;
    top: 0px;
}
form#join-us-form #birthday .form-group select,
form#join-us-form #approved .form-group select,
form#join-us-form #honor-card .form-group select,
#activity-search-date .form-group select{
    width: 100%;
}